Avisos
Vaciar todo

cambiar color menus en la version movil  

 
Rebecca
 Rebecca
Reputable Member

Buenas Pepe,

queremos cambiar los colores de la versión móvil (menús y algun botón que aun aparece con el color de serie) he mirado en el foro en consultas anteriores y me he encontrado algun código css, pero no me funciona, no se si cada tema funciona con ese codigo...

 

también he buscado el código css en la plantilla pero no consigo verlo... 

 

Muchas gracias.

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 28/04/2021 1:20 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rebecca,

Cuales son los botones que deseas modificar? te en cuenta que cada tema usa reglas css diferentes por lo que no todos los códigos funcionan de la misma forma. Si es posible envíanos una captura de cuales son los colores que deseas cambiar

De manera general para modificar el icono de teléfono que tienes en tu header puedes probar el siguiente código CSS

.header-left .topservice-contact-label::before {
color: #008080;
}
Screenshot

Un Saludo

ResponderCitar
Respondido : 28/04/2021 1:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rebecca
 Rebecca
Reputable Member

@karen

Buenas Karen,

te adjunto la captura con las zonas donde queremos cambiar el color.

lo substituimos por el color #008080, 

el simbolo del telefono no aparece en la version movil. Y en la version ordenador está con el color #99BD03

Gracias

Captura version movil
ResponderCitar
Respondido : 28/04/2021 2:17 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rebeca,

En Este caso prueba con los siguiente códigos CSS

.header-cart .shopping_cart .amount, .cart-qty {
background-color: #008080;

}

.header-bottom {
background-color: #008080;

}

.mobile-menu {
background: #008080 none repeat scroll 0 0;
}

No he logrado ver donde se encuentran el siguiente bloque, si es posible indícanos como encontrarlo

Screenshot

Un Saludo

ResponderCitar
Respondido : 28/04/2021 3:07 pm

Cursos Gratuitos WordPress

Rebecca
 Rebecca
Reputable Member

@karen

Buenas Karen,

he añadido los códigos que me pasaste pero en la versión móvil no veo que cambie el color...lo visualizamos desde el móvil … y he probado de forma de incognito pero no hay cambios.

La parte que nos has encontrado, esta en el apartado de about us (ingles) .

 

Gracias.

ResponderCitar
Respondido : 28/04/2021 3:31 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rebecca,

Prueba si al añadir la declaración important toma los cambios, ten en cuenta añadir este código en el apartado Apariencia -> Personalizar ->2 CSS Adicional, el codigo debe quedar de la siguiente manera

.header-cart .shopping_cart .amount, .cart-qty {
background-color: #008080 !important;

}

.header-bottom {
background-color: #008080!important;

}

.mobile-menu {
background: #008080 none repeat scroll 0 0!important;
}

Sobre la opción que comentas la veo del color que deseas

imagen

Un Saludo

ResponderCitar
Respondido : 28/04/2021 4:15 pm