[Resuelto] Cambiar color de las fuentes de los menús.

Hola Silvia.

Prueba añadiendo lo siguiente en Apariencia - Personalizar -> CSS Adicional

ul#menu-menu a {
color:#fefefe;
}
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
color:#FFCDFF!important
}

Un saludo

Hola Pepe: 

Genial, muchas gracias!! Y, podría hacer lo mismo para estos otros dos textos en esa zona o bajarlos para abajo que se vean mejor? 

Hola Silvia, 

No puedes bajar como tal los elementos ya que eso implicaria modifiación del codigo de la plantilla, sin embargo si puedes cambiar el color o añadir un fondo. Que modificación deseas realizar especificamente a estos items? de esta forma podemos ayudarte con mayor detalle. 

Un Saludo 

Como decía, quiero hacer lo mismo que con el anterior menú, cambiarle el color para que se pueda ver, ya que al poner un banner que no es blanco, apenas se visualiza ese texto. Lo de cambiarlo de lugar lo dije como segunda opción si no se podía la primera. Gracias. 

Hola Silvia,

El color no va ayudar igual por qué tienes muchos elementos en ese banner superior que no es del todo amigable para una página:

.menu-superior-container a {
color: #FFCDFF !important;
background-color: white !important;
border-radius: 30px;
}
ul#menu-menu a {
background-color: white !important;
border-radius: 30px;
}
ul#site-header-cart {
background-color: white !important;
border-radius: 30px !important;
padding: 0px 15px;
}

Tienes este CSS para cambiar el color, pero le agregue un fondo blanco al texto para que no se pierda, nos comentas si con esto estaría.

Un saludo 

Hola Argenis!!

Puede ser una solución, pero podría ser un poco más pequeño el fondo blanco? Veo demasiado grande el espacio que ocupa... Gracias!! 

Hola Silvia, 

Puedes enviarnos una ejemplo sobre coo quieres que se visualice? de esta forma podemos revisarlo con mayor detalle. 

Un Saludo 

No puedo enviar un ejemplo porque ese código me lo ha pasado Argenis y no sé modificarlo para que se haga más pequeño el espacio blanco que él ha puesto... Yo sólo quería cambiar el color de esa fuente. Argenis me ha pasado un código que rodea la fuente de un fondo blanco como si fueran botones, pero los veo demasiado grandes, lo que preguntaba es cómo modificar la altura y anchura de esa fondo/botón blanco que me ha enviado, para que quede más ajustado al texto y no se vea tanto hueco blanco. 

Adjunto captura de cómo queda el código de Argenis. 

Hola Silvia,

Claro que si, te comento un poco la funcionalidad, donde veas:

• background-color: este corresponde al color que se le da al fondo, por si quieres cambiarlo del blanco.
• border-radius: Es para modificar el contorno, mientras menos tenga mas cuadrado sera, y mientras mas tenga mas redondo.
• padding: Aqui cambias los bordes de espaciado interno

Para lo que buscas quisaz asi:

ul#menu-menu a {
background-color: white !important;
border-radius: 30px;
padding: 5px 8px;
}
.menu-superior-container a {
color: #de7089 !important;
background-color: white !important;
border-radius: 30px;
}
ul#site-header-cart a.cart-contents {
padding: 4px !important;
}
ul#site-header-cart {
background-color: white !important;
border-radius: 30px !important;
padding: 0px 15px;
height: 2em;
}

Verifica y nos comentas.

Un saludo 🖐️ 

Mucho mejor Argenis, intentaré darle una vuelta a todo  porque sí que es cierto que la visibilidad no es muy buena con ese banner, es una lástima porque me gustaba mucho. Muchísimas gracias por vuestra ayuda!! 

Hola Silvia,

Encantados de poder ayudar, si tienes alguna otra duda por aqui estaremos.

Un saludo 🖐️