Jump to content

Recommended Posts

Hi.

 

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

 

I want the tabs to look like this (round)

tapps_zps5ea92780.gif

 

 

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 ?

 

barstochange_zps98069a10.gif

 

if so, where do I found this ?

 

Thanks in advance.

Edited by festival-trade (see edit history)
Link to comment
Share on other sites

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;
}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...