[SOLUCIONADO] Problema en WordPress con CSS adicional

[GoldFran]

Buenas chicos y chicas.

Tengo una plantilla Wordpress que se llama Zekra.

En la cabecera que es donde está el logo, menú... La plantilla no deja cambiar el color, tamaño o fondo de las letras del menú.

Lo más fácil para mi es crear una clase CSS (en CSS adicional) con los cambios y luego poner esa clase CSS en el botón o botones de inicio.

El código es este:

Código:

.boton-mostaza 
{
color: #FFFFF1 !important;
text-decoration:none;
background-color:#DBA901;
font-size: 170%;
}
.boton-mostaza:hover 
{
background-color:#00000;
}

Me funciona el cambio de color de fondo y el tamaño de letra, pero no me funciona el cambio de color de letra ni cuando se pasa el ratón (hover)

He intentado forzar esto con !important pero se la trae al pairo y no fuerza

¿Alguna idea?

Gracias

[prueba230683]

Hace unos días se trató un tema casi idéntico:

http://www.forosdelweb.com/f53/quita...pdown-1163960/

La solución en estos casos es poner un ID al elemento cuyo estilo quieres modificar, y aplicar el CSS a ese ID concreto.

En este caso, como sospecho que ya tienes algún !important en otra hoja de estilos, no será suficiente con lo del ID, también deberás añadir !important.

Código CSS:

#elID {
   propiedad: valor !important;
}
 

[GoldFran]

Iniciado por prueba230683

Hace unos días se trató un tema casi idéntico:

http://www.forosdelweb.com/f53/quita...pdown-1163960/

La solución en estos casos es poner un ID al elemento cuyo estilo quieres modificar, y aplicar el CSS a ese ID concreto.

En este caso, como sospecho que ya tienes algún !important en otra hoja de estilos, no será suficiente con lo del ID, también deberás añadir !important.

Código CSS:

#elID {
   propiedad: valor !important;
}
 

En el CSS Adicional no me deja insertar marcados así que tendría que meterlo todo en el styles.css del tema imagino

[prueba230683]

Otra opción es editar directamente el styles.css.

Con el inspector de Chrome puedes ver la línea exacta de la hoja de estilos que está aplicando determinado estilo, y así saber lo que tienes que editar.

[ArturoGallegos]

El hecho de que te permita cambiar algunas propiedades implica que si esta funcionando el codigo, tu problema es por especifidad o jerarquia

Recuerda que si depues de tu codigo aparece otro que tambien usa el important este se aplica, por lo que valdra un cacahuate el que le pongas important o no.

De igual forma ocurre cuando tu pones

Código CSS:

.boton{...}
 

y mas adelante esta

Código CSS:

.contenido .boton{...}
 

Este al ser mas especifico, tiene prioridad.

[GoldFran]

Gracias chicos, con el id en styles.css se resolvió