SOLUCIONADO Formato menú categorías en columna izquierda

[crisbb]

Hola! Primero de todo, muchas gracias por vuestro increible trabajo. De momento he encontrado en el foro y en las respuestas de los foreros todo lo que he preguntado!

 

En mi tienda: http://shop.beborn.es/

 

me gustaría dejar sólamente los nombres de las categorías (quitar el top de la columna que pone "categorias") y además me gustaría estos que aparecieran como botones independientes con el formato que ahora aparece "categorías" (cuadrados verdes letras blancas)

 

con el Inspeccionar elementos del Chrome he tocado el formato, pero al conseguir lo que quiero, también se modifica el aspecto del bloque "productos destacados".

 

Alguien ha intentado hacer lo mismo?

 

un ejemplo de como quiero el menú: http://acrossthebaltic.se/

 

Gracias!!

Edited May 26, 2013 by crisbb (see edit history)

[nadie]

Hola! Primero de todo, muchas gracias por vuestro increible trabajo. De momento he encontrado en el foro y en las respuestas de los foreros todo lo que he preguntado!

 

En mi tienda: http://shop.beborn.es/

 

me gustaría dejar sólamente los nombres de las categorías (quitar el top de la columna que pone "categorias") y además me gustaría estos que aparecieran como botones independientes con el formato que ahora aparece "categorías" (cuadrados verdes letras blancas)

 

con el Inspeccionar elementos del Chrome he tocado el formato, pero al conseguir lo que quiero, también se modifica el aspecto del bloque "productos destacados".

 

Alguien ha intentado hacer lo mismo?

 

un ejemplo de como quiero el menú: http://acrossthebaltic.se/

 

Gracias!!

 

Primero, ocultamos el titulo del bloque de categorias, se puede hacer editando el tpl o tocando el css.

 

Por ejemplo aquí, lo vamos hacer tocando el css.

 

Ve al fichero:

 

http://shop.beborn.es/themes/mitema/css/global.css

 

Y añade esto:

 

#categories_block_left .title_block {
display: none;
}

 

Ahora vamos a dejar el formato que tenia antes el titulo en los nombres de las categorias, para eso en el fichero:

 

http://shop.beborn.es/themes/mitema/css/global.css

 

Añade esto:

 

#categories_block_left ul li {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
background: #B2B49E;
text-align: left;
font-weight: bold;
margin-bottom: 7px;
}

[CrisBB.es]

Hola Nadie,

 

gracias por tu respuesta. Es el mismo archivo, no? No cambia nada... Lo he añadido así:

 

 

http://shop.beborn.es/themes/mitema/css/global.css

 

 

/*************** Block CATEGORIES ***************/

/* para ocultar el título del bloque*/

#categories_block_left .title_block {display: none}

 

/* formato botones*/

#categories_block_left ul li {

padding: 6px 11px;

font-size: 12px;

color: #fff;

text-transform: uppercase;

background: #B2B49E;

text-align: left;

font-weight: bold;

margin-bottom: 7px;}

 

#categories_block_left li {border-bottom:1px dotted #ccc}

#categories_block_left li.last { border:none;}

#categories_block_left li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

}

#categories_block_left li ul {margin-left:40px}

#categories_block_left li ul li {border:none}

#categories_block_left li ul li a {

padding-left:0;

background:none

}

 

#categories_block_left li .OPEN,

#categories_block_left li .CLOSE {

display:block;

float:right;

margin:10px 10px 0;

height:9px;

width:9px;

background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;

cursor:pointer

}

#categories_block_left li .CLOSE {background-position:0 0}

 

 

/* footer */

.blockcategories_footer {

padding:15px 10px;

}

.blockcategories_footer .category_footer {float:left;clear:none;}

.blockcategories_footer .category_footer .list{float:left;}

.blockcategories_footer ul ul {display:none !important}

[crisbb]

No lo consigo...

[crisbb]

Nadie, la modificación no me da el resultado esperado...

[crisbb]

Hola,

ya he conseguido cambiar el formato, el problema era el lugar donde había añadido el código. había que ponerlo aquí:

 

/*************** Block CATEGORIES ***************/

 

#categories_block_left li {border-bottom:1px dotted #ccc}

#categories_block_left li.last {border:none;}

#categories_block_left li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

 

#categories_block_left li ul {margin-left:40px}

#categories_block_left li ul li {border:none}

#categories_block_left li ul li a {

padding-left:0;

background:none

}

 

}

 

/* para ocultar el título*/

#categories_block_left .title_block {display: none;}

 

/* formato botones menú izquierda*/

#categories_block_left ul li {

padding: 10px 15px;

font-size: 12px;

color: #fff;

text-transform: uppercase;

background: #E2E4bf;

text-align: center;

font-weight: bold;

margin-bottom: 10px;

margin-left: 8px;

margin-right: 8px;

border-top-right-radius: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

}

 

#categories_block_left li .OPEN,

[nadie]

Entonces, el código que te he dado es correcto ¿no? (Es decir, que te funciona o ¿no? )

[crisbb]

sip, solucionado!

[nadie]

sip, solucionado!

Perfecto !

 

Un Saludo