Avisos
Vaciar todo

Cambiar color de la fuente Menu Wordpress  

Página 1 / 2
 
Carlos
 Carlos
Reputable Member

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

Citar
Respondido : 31/10/2017 10:48 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 31/10/2017 11:22 am

Carlos
 Carlos
Reputable Member

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.

ResponderCitar
Respondido : 31/10/2017 12:31 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 31/10/2017 12:43 pm

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

Carlos
 Carlos
Reputable Member

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.

ResponderCitar
Respondido : 31/10/2017 1:04 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 31/10/2017 1:27 pm

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

Carlos
 Carlos
Reputable Member

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.

ResponderCitar
Respondido : 31/10/2017 2:40 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 31/10/2017 3:00 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

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

ResponderCitar
Respondido : 31/10/2017 3:39 pm
Carlos
 Carlos
Reputable Member

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

Muchas gracias.

ResponderCitar
Respondido : 31/10/2017 3:54 pm

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

Carlos
 Carlos
Reputable Member

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

ResponderCitar
Respondido : 31/10/2017 3:59 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 31/10/2017 4:45 pm

Carlos
 Carlos
Reputable Member

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.

ResponderCitar
Respondido : 31/10/2017 5:20 pm
Carlos
 Carlos
Reputable Member

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

ResponderCitar
Respondido : 31/10/2017 6:11 pm

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

Jhon
 Jhon
Soporte CMS Webempresa 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.

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