Una manita con diseño plantilla ( solo un detalle)

[victorgomez36]

Hola os adjunto una foto de como esta configurado actualmente la zona de explicacion y texto de los productos.

 

ademas de salir una franja rosa de la anterior plantilla, me gustaria destacar un poco las diferentes pestañas que aparecen.

 

tengo dos problemas.

 

con firbug no consigo averiguar en que archivo se encuentra la informacion del css a cambiar, lo del color podria hacerlo facilmente si lo encuentro.

 

No se como programar algun boton, o recuadro o degradado que destaque las pestañas.

 

Alguien podria guiarme un poco o darme algun detalle?

 

Gracias de antemano.

 

Podeis verlo tambien aqui en este enlace

 

http://www.xn--mueblesdebaoweb-8qb.es/platos-de-ducha/638-plato-ducha-80-a-medida-modsonia.html

 

[javier_santri]

Hola Victor.

 

Acabo de entrar en tu tienda. Tienes que buscar esto:

 

.idTabs .selected {
    background: none repeat scroll 0% 0% #F5F5F5;
    border-top: 3px solid #D91C87;

 

En la ultima linea "border-top: 3px solid #D91C87" es donde le estas dando el color rosa del borde superior.

 

No entiendo lo que quieres decir con programar un botón para que destaquen las pestañas.

 

Un saludo

Javier

[victorgomez36]

Gracias javier, pero en que archivo busco eso que me dices, ? Hay es donde tengo el problema

 

En global.css del tema?

 

Lo otro que preguntaba es que, igual que pone "border top" ... Que puedo poner para que resalté un poco más las pestañas... Por ejemplo que el border fiuera por los 4 lados o un fondo de color para esa zona

 

Gracias

[javier_santri]

Hola.

 

Si, está en el global.css dentro de la carpeta de tutema/css.

Lo que te he puesto antes, controla la pestaña activa, la que se está viendo en ese momento. Si quieres cambiar de color el resto de las pestañas, tienes que buscar:

 

ul.idTabs li {

 

Verás algo parecido a esto:

 

ul.idTabs li {

float: left;
margin-right: 1px;

background: #F6F6F6;

}

 

Añadele lo que te he puesto en verde y le das el color que quieras.

 

Un saludo

Javier

[victorgomez36]

Lo primero ya lo he encontrado, pero lo segundo ni lo pillo.

 

en la zona donde esta lo primero hay todo esto:

 

/* BLOCK idTabs ******************************************************************************** */

#more_info_block { margin:20px 0 0 0}

.idTabs {list-style-type: none;}

.idTabs a {

border-top:3px solid #fff;

display:block;

font-family:MyFont;

font-size:14px;

padding:7px 15px 10px;

text-decoration:none;

}

.idTabs .selected {

background:#f5f5f5;

border-top:3px solid #0000ff;

}

 

#more_info_sheets {

background: #f5f5f5;

padding:10px;

}

#more_info_sheets ul,

#more_info_sheets ol,

#more_info_sheets dl {margin-left:20px}

#more_info_sheets em {font-style:italic}

 

#more_info_sheets ul.bullet li{ padding:3px 0}

#more_info_sheets ul#idTab4,

#more_info_sheets ul#idTab4 ul{margin:0}

 

#more_info_sheets iframe{max-width:100%; margin:10px 0 0;}

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */

#short_description_content ul,

#short_description_content ol,

#short_description_content dl,

#tinymce ul,

#tinymce ol,

#tinymce dl {list-style:disc inside none;}

 

.block_hidden_only_for_screen {display:none}

 

por donde le meto....?

 

Gracias Javier

 

[javier_santri]

Pues en tu tienda a mi me sale:

 

ul.idTabs li {
    float: left;
}

 

Carga el css y pon ul.idtabs en el buscador, puede que esté por otro sitio.

[victorgomez36]

Muchas Gracias por la molestia Javier, no he encontrado lo que me dices, pero chapuceando un poco lo he conseguido dejar mejor que estaba.

 

pongo el tema como resuelto.

 

un saludo.