Tabs look

[Festival Trade]

Hi.

 

How do I change the tabs and the background colour on my product description ?

 

I want the tabs to look like this (round)

 

 

PLUS.... I wonder how do I go to change the background of the description to the same colour of the tabs ? (or a different colour )

 

I believe If I can change the tab colours and background at same time ?

 

The round corners can be apply to the top bars ?

 

 

if so, where do I found this ?

 

Thanks in advance.

Edited March 8, 2013 by festival-trade (see edit history)

[vekia]

which version of prestashop you use?

can you provide an url to your shop?

[Festival Trade]

Hi. I use Prestashop 1.4.0.17

My site is : http://www.festival-trade.com

[Festival Trade]

which version of prestashop you use?

can you provide an url to your shop?

 

 

Thanks for ask !

[vekia]

For the first, you have to download background images for tab, i attached url to our demo shop tab background: http://prestashop.vekia.pl/themes/prestashop/img/tab_bg_short.jpg

and backround for "selected" tab: http://prestashop.vekia.pl/themes/prestashop/img/tab_bg_selected_short.jpg

 

copy this files and paste it to your shop template directory themes/YOURTHEME/img/

then you have to edit css styles.

 

open css/global.css located in your theme directory:

 

edit line 153 and add background param like below:

 

.idTabsShort .selected {
background-image: url('../img/tab_bg_selected_short.jpg');
color: #35515D;
}

 

and line 149:

 

.idTabsShort a {
background: url('../img/tab_bg_short.jpg');
width: 138px;
}

[Festival Trade]

Thank you very much.

[Festival Trade]

ooops... didnt work !! I upload the images (templant had the same images already) I check the css file and images was added in there already too !? Refresh,refresh,refresh... and nothing happen !

 

SOLVED

Only need to remove ( /* ) form the css file

Thank you again

Edited March 19, 2013 by festival-trade (see edit history)