Estoy haciendo una web sencillita con el wordpress y quiero cambiar la barra de navegación del theme. Tengo localizado el css y éste es su código. Ahora mismo se ve así
Es algo muy sencillito. Me gustaría cambiar un poco los colores y dejarlo tal que así:
Ando muy perdido con el CSS ya que veo que esto ha cambiado muchísimo. Alguno me podría echar un cablecillo para dejar la barra de navegación así? (Lo de los títulos es igual, eso lo cambio desde el propio wordpress)
Mil gracias
#top-menu a { font-size: 14px; color: #FFFFFF; text-decoration: none; padding: 0 10px 25px; background:#000000; }
segun quieras cambiar el fondo del boton y color del texto y demas, cambialo aqui, el background y en color.
Si quieres que cuando pase por encima cambia de color tienes que poner
#top-menu a:hover { background:#123; } y creo que no hay mas xD
Yo haria algo estilo a esto:
.fondo-apartados
{
background: #codigo de color gris;
wigth:30px; (o lo que tu veas)
height:10px; (o lo que tu veas)
}
.fondo-apartados a:hover
{
background: #codigo color rojo;
}
Y despues en html seria
<div class="fondo-apartados"></div>
#5 te has liado un poco xDD
Haciendo eso lo que vas a conseguir es que el fondo-apartados tenga un fondo gris, pero el enlace que haya dentro sera cuando pases el raton encima que cambie su fondo a color rojo, creo que lo que querias decir es algo asi
ul.fondo-apartados li a
{
background: #codigo de color gris;
width:30px; (o lo que tu veas)
height:10px; (o lo que tu veas)
color:#ffffff;}
ul.fondo-apartados li a:hover
{
background: #codigo color rojo;
}
Y despues en html seria
<ul class="fondo-apartados"><li><a href="#">texto boton</a></li></ul>