Avisos
Vaciar todo

Cambiar color de la fuente Menu Wordpress

16 Respuestas
3 Usuarios
0 Reactions
1,313 Visitas
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas tardes ayer inicie un Tema y lo dieron por solucionado ya que aparentemente se consiguio el color deseado, pero no es así ya que asi estaba desde el principio tambien de hecho lo explique en imagenes adjuntas.

Si que es cierto que me deja elegir un naranja y la funete se pone en blanco pero porque ese naranja es mas oscuro y hace contraste lo que quiero es poner el mismo color naranja del logotipo y entonces la fuente de las palabras del menu al estar seleccionadas se ponen en negro.

Este es el enlace del tema de ayer y como se estaba solucionando, me gustaria seguir a partir de aqui, ya que me lo cerraron pensando que estaba solucionado pero no es asi.

https://www.webempresa.com/foro/23-Preguntas-sobre-WordPress/157086-Cambiar-color-de-la-fuente-Menu-Wordpress.html

Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 31/10/2017 10:48 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Aitor.

No entiendo muy bien lo que buscas, cuando selecciono la opción del menú tengo un fondo en naranja y las letras en blanco ¿ Lo que quieres es que las letras sean en negro con el fondo en naranja ?

Un saludo


 
Respondido : 31/10/2017 11:22 am
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas Pepe, quiero las letras sean en blanco tal y como explico, pero solo me deja que sean en blanco cuando selecciono un naranja que es ocuro, cuando selecciono el narnaja del logotipo, me las pone en negro, como puedes ver el naranja del menu es mucho mas oscuro que el del logotipo, trato de explicarlo en imagenes adjuntas.

Un saludo.


 
Respondido : 31/10/2017 12:31 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Aitor.

Edita el archivo style.css que encontraras en wp-content/themes/metro-pro/style.css y añade lo siguiente :

.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a {
	background-color: #ed7600!important;
	color: #181818!important;
}

https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel-como-buscar-archivos.html

Un saludo


 
Respondido : 31/10/2017 12:43 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas Pepe, he puesto el código tal y como me comentas y no me hace los cambios envio captura de pantalla para ver si he hecho algo mal.

Un saludo.


 
Respondido : 31/10/2017 1:04 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Aitor.

Esto es lo que Veo:

Si ves que no se muestra recarga la web con la tecla ( F5 ) esto cargara de nuevo la cahe en tu navegador con las modificaciones realizadas.

Un saludo


 
Respondido : 31/10/2017 1:27 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas Pepe, si ya había hecho lo de F5 y limpiado la cache del navegador y sigue igual, la fuente no cambia a blanco.

Un saludo.


 
Respondido : 31/10/2017 2:40 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Aitor.

Ok, quieres que la fuente que aparece con el color naranja cuando seleccionas el enlace sea en blanco, entendi que querias cambiar el color del fondo y que el texto fuera en negro.

Modifica el código anterior por el siguiente:

.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a {
	background-color: #ed7600!important;
	color: #fff!important;
}

Lo que hicimos es cambiar el código " color: " para que lo muestre en blanco.

En este enlace tienes una tabla de colores -> http://htmlcolorcodes.com/es/tabla-de-colores/

Un saludo


 
Respondido : 31/10/2017 3:00 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas Pepe, lo que quiero es efectivamente que la fuente permanezca siempre blanca con el codigo de colores #ed7600, pero me la sigue poniendo en negro aun con el nuevo código.

Un saludo


 
Respondido : 31/10/2017 3:39 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Ya esta Pepe, solucionado que no había limpiado la cache.

Muchas gracias.


 
Respondido : 31/10/2017 3:54 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Perdona Pepe antes de acabar se me habia olvidado una cosa, la palabra suscribite que adjunto en la imagen tambien me gustaria que se pusiera en blanco y en negrita si fuera posible aprovechando esta consulta.

Muchas gracias


 
Respondido : 31/10/2017 3:59 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Aitor.

Prueba con lo siguiente:

a.social-buttons:focus, a.social-buttons:hover, button:focus, button:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a, .button:focus, .button:hover, .content .entry-meta .entry-comments-link a, .entry-content .button:focus, .entry-content .button:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .nav-primary .sub-menu a:focus, .nav-primary .sub-menu a:hover, .nav-secondary .sub-menu a:focus, .nav-secondary .sub-menu a:hover, .sidebar .enews-widget input[type="submit"], .site-title a, .site-title a:focus, .site-title a:hover{
	color:#fff!important;
        font-weight:bold;  
}

Un saludo


 
Respondido : 31/10/2017 4:45 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Perfecto Pepe, lo único para terminar ya, podríamos poner el color del boton de suscribete de este color #ff7707 (naranja) y que al pasar el raton por encima las letras se pongan negras como en el caso original del theme metro pro: https://my.studiopress.com/themes/metro/#demo-full

Ya que cuando pasamos el raton por encima cambia a blanca y se camufla con las letras blancas de suscribete.

Muchas gracias.


 
Respondido : 31/10/2017 5:20 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Disculpa Pepe y si tambien podria ser los iconos de redes sociales de ese mismo color#ff7707 (naranja), es que estoy trabajando sobre la pagina y me ha surgido esto tambien, pero seria lo ultimo junto con la consulta anterior. Gracias


 
Respondido : 31/10/2017 6:11 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Para el botón prueba con el siguiente código CSS

.sidebar .enews-widget #subbutton{
	color:white;
}


.sidebar .enews-widget #subbutton:focus,
.sidebar .enews-widget #subbutton:hover{
	color:black;
}

Si quieres intercambiar el color de los botones de redes sociales prueba:

.sidebar  .simple-social-icons ul li a{
	background:#ff7707!important;
}

.sidebar  .simple-social-icons ul li a:hover, 
.sidebar  .simple-social-icons ul li a:focus{
	background:#333!important;	
}

Puedes agregar el código al final de tu archivo .CSS de tu theme

Saludos.


 
Respondido : 31/10/2017 8:21 pm
Página 1 / 2