Avisos
Vaciar todo

Cambiar color fuente en formato responsive  

 
Carlos
 Carlos
Reputable Member

Buenas me gustaría cambiar el color de la fuente del menu de mi blog de wordpress a blanco pero unicamente cuando este en formato responsive ya que cuando se vea en el pc quiero que se muestre tal y como esta, es decir gris... es posible?

Adjunto imagen

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 30/01/2018 4:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS:

@media(max-width:768px){
	.main-navigation li a{
		color:white!important;
	}	
}

Puedes agregar este código al final de algún archivo CSS que carga tu theme, como el style.css o de preferncia en el style.css de un child-theme

Saludos.

ResponderCitar
Respondido : 30/01/2018 5:32 pm

Carlos
 Carlos
Reputable Member

Buenas Jhony puse el código en mi css del theme de wordpress pero la fuente continua siendo de color gris.

Un saludo

ResponderCitar
Respondido : 30/01/2018 7:28 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Estas usando plugins de optimización, cuando haces este tipo de modificaciones CSS mejor desactivar estos plugins para saber cual es el problema. Posiblemente sea un problema de cache de los plugins de optimización

Desactiva los plugins de optimización, indícanos en qué archivo has agregado el código (la url completa)

Saludos.

ResponderCitar
Respondido : 30/01/2018 8:11 pm

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

Carlos
 Carlos
Reputable Member

Buenas Jhony, ya desactive el plugin autoptimize, pegue el codigo en los style.css del theme probe primero con el brocy y despues con el padre zincy lite, pero la fuente continua en gris.

Adjunto imagenes

ResponderCitar
Respondido : 30/01/2018 8:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Sucede algo particular con tu archivo style.css:

Si consultas con el parámetro de la versión no se muestra el código que has agregado:
Contenido solo visible a usuarios registrados

Te diría que es cache, debe haber algo a nivel de tu theme que lo mantiene en cache.
¿El child-theme lo has creado manualmente?, tal vez no es la manera correcta y debes cambiar la versión

Revisa:
https://decodecms.com/crear-un-child-theme-en-wordpress-de-manera-correcta/

En la creación del style.css del theme hijo se hace referencia a una versión del theme, sino colocas nada hace referencia a la versión de WordPress y sólo se limpiará la cache de estos archivos CSS cada vez que actualices WordPress en tu caso tienes la ver=4.9.2 de WordPress

Saludos

ResponderCitar
Respondido : 30/01/2018 8:52 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

Hola Jhony cuando entro a los dos enlaces que me muestras a mi si me aparecen en los dos los archivos.

Adjunto imagenes

No, yo no he tocado nada de padre e hijo era un theme que ya estaba hecho en wordpress tan solo lo instales nada mas no toque nada de codigo ni archivos.

ResponderCitar
Respondido : 30/01/2018 9:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ok, ya veo que posiblemente sea un problema de cache de mi navegador

He comprobado que ya tienes un código CSS con mayor prioridad, por lo tanto es necesario especificar más, cambia el código agregando el id #sit-navigation junto a la clase, con esto la prioridad debería ser el código que has agreado, es decir tu código quedaría:

@media(max-width:768px){
	#site-navigation.main-navigation li a{
		color:white!important;
	}	
}

Reemplaza este código por el que te envié anteriormente.

Saludos.

ResponderCitar
Respondido : 30/01/2018 9:15 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Reputable Member

Listo Jhony ahora si, muchas gracias 😉

ResponderCitar
Respondido : 30/01/2018 9:26 pm