(SOLUCIONADO)Subcategorías

[melose]

Hola, me gustaría cambiar el color de fondo de las subcategorías. Lo he hecho pero solo me cambia una parte. También me gustaría redondear los bordes. Dejo una imagen de cómo me quedó

Edited October 26, 2012 by melose (see edit history)

[nadie]

Hola, me gustaría cambiar el color de fondo de las subcategorías. Lo he hecho pero solo me cambia una parte. También me gustaría redondear los bordes. Dejo una imagen de cómo me quedó

 

Lo puedes hacer editando el fichero:

 

/themes/default/css/category.css

 

Por ejemplo metele el background a:

 

#subcategories {margin-top:15px}

[nadie]

Prueba meterle el background donde te he dicho antes, o aquí:

 

.inline_list {
list-style-type:none;
margin-top:10px;
}

[melose]

Pero eso es para cambiarle el color? No moveré el fondo? y para lo de los bordes cómo sería? Gracias

 

Ah vale, es que no había entendido jejejejejeje. Voy a probar y cuento

[melose]

En ninguno de los dos. Me queda así con la segunda opción

http://tiendacuriosa.com/12-outlet-ofertas

Con la primera sigue en gris

[nadie]

En ninguno de los dos. Me queda así con la segunda opción

http://tiendacuriosa...-outlet-ofertas

Con la primera sigue en gris

 

¿No te queda bien asi?

 

¿Quieres cambiar tambien el color del encabezado?

[nadie]

Si tu vas al fichero:

 

themes/default/css/category.css

 

Buscas esto:

 

#subcategories {
margin-top: 15px;
}

 

Y lo dejas asi:

 

#subcategories {
margin-top: 15px;
background: #D26C07;
}

 

El bloque de las subcategorías ya te aparecera del color naranja.

[nadie]

Si quieres cambiar el fondo del encabezado donde dice:

 

"Subcategorías"

 

Tienes que ir al fichero:

 

themes/default/css/category.css

 

Buscar esto:

 

#subcategories h3 {
padding:14px 12px;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999

}

 

Y depende:

 

 

 

background:url(../img/bg_table_th.png) repeat-x 0 0 #999

 

 

 

O le asignas un color plano de fondo al encabezado, tipo:

 

background:codigo_color;

 

O cambiar esta imagen:

 

http://tiendacuriosa.com/themes/default/img/bg_table_th.png

 

que tienes asignada y la mezclas con un color )

 

Lo que tu prefieras.

[melose]

Es que creo que me expliqué mal y ahora no se arregla :S. Lo quiero es cambiar lo de la foto de arriba. Aparece un trozo en naranja y otro en gris y yo quiero que sea todo en naranja pero sólo el título, no las categorías. Ahora me han quedado en naranja aunque he borrado todo lo que puse de más. Soy una patosa

[nadie]

Es que creo que me expliqué mal y ahora no se arregla :S. Lo quiero es cambiar lo de la foto de arriba. Aparece un trozo en naranja y otro en gris y yo quiero que sea todo en naranja pero sólo el título, no las categorías. Ahora me han quedado en naranja aunque he borrado todo lo que puse de más. Soy una patosa

 

Entonces solo tienes que hacer esto:

 

 

Si quieres cambiar el fondo del encabezado donde dice:

 

"Subcategorías"

 

Tienes que ir al fichero:

 

themes/default/css/category.css

 

Buscar esto:

 

#subcategories h3 {
padding:14px 12px;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999

}

 

Y depende:

 

 

 

background:url(../img/bg_table_th.png) repeat-x 0 0 #999

 

 

 

O le asignas un color plano de fondo al encabezado, tipo:

 

background:codigo_color;

 

O cambiar esta imagen:

 

http://tiendacuriosa.com/themes/default/img/bg_table_th.png

 

que tienes asignada y la mezclas con un color )

 

Lo que tu prefieras.

[melose]

Lo del color plano no funciona, queda todo blanco y lo otro no he entendido bien. ¿Elimino la imagen y le pongo el color?

[nadie]

#subcategories h3 {
padding: 14px 12px;
font-size: 13px;
color: white;
text-transform: uppercase;
text-shadow: 0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}

 

 

Por:

 

 

#subcategories h3 {
padding: 14px 12px;
font-size: 13px;
color: white;
text-transform: uppercase;
text-shadow: 0 1px 0 #666;
background:#D26C07;
}

[melose]

Esa parte lista Y para los bordes redondeados? He intentado poner ahí mismo border-radius: ..... pero se me queda todo en blanco

[nadie]

Esa parte lista Y para los bordes redondeados? He intentado poner ahí mismo border-radius: ..... pero se me queda todo en blanco

 

¿Donde quieres colocar los bordes redondos, en el encabezado?

[nadie]

Si es en el encabezado, añade por ejemplo esto:

 

border: 1px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

 

PD: He puesto color negro el borde, pero bueno ya le colocas tu el color que quieras )

[melose]

Ale, me ha quedado perfecto . Muchas gracias

[nadie]

Ale, me ha quedado perfecto . Muchas gracias

 

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.