Product Details Page Tabs Width

Store Builder Questions
1

Ive got a problem with the displaying of of the PRODUCT DETAILS PAGE TABS.

cscart 2.0.15

The maximum width seems to be set up for 3 column store rather than a 2 column storefront. The tabs wrap around to the next line too early.

Is there anyway to change the width setting? I cant find any reference to it in styles*.css. refer to screenshot.:



Help appreciated



2

E.g. you can change the atribute ‘padding’ in styles.css (line 229, Basic skin) from:


[QUOTE].tabs ul li a {

background: url(“images/tab_right.png”) no-repeat scroll right top transparent;

display: block;

height: 16px;

[COLOR=Red]padding: 6px 12px 4px 10px;[/COLOR]





}

[/QUOTE]

to

[QUOTE] .tabs ul li a {

background: url(“images/tab_right.png”) no-repeat scroll right top transparent;

display: block;

height: 16px;

[COLOR=Red]padding: 6px 5px 4px 5px;[/COLOR]





}

[/QUOTE]



and change the font size.

3

Thanks for the info indy.

Thats not quite what Im after… Your suggestion just make the tabs smaller and bunches them up.

I dont want to make them harder for the customer to see.



From the screenshot it can be seen thats theres plenty of room for that “Getting Started” Tab. The Tabs area is just too narrow. Tabs need to automatically fill the Centre Column width rather than wrap early.



Cheers

4

Found this in styles.base.css.


.tabs ul {
vertical-align: bottom;
max-width: 550px;
}



so Added this to /* Tabs */ in styles.css and the problem seems to be fixed.


.tabs ul {
max-width: 760px;
}



I Hope nothing else is effected as a result!