X-Cart forums

[DrummerBum]

[IMG]file:///C:/Users/Bailey/AppData/Local/Temp/moz-screenshot.png[/IMG]see attached image.

I've got a black background, need to get rid of the white background behind the tabs on this product details page.

Javascript...css...php?

Where do I do this...and what do I do?

I've been messing with uploading different images that makeup the element but it's done no good.

[a333]

does anyone know where the css code is for the tabs headers are? ive been trying to locate them to change the tab header background and pink borders lines but cant find them anywhere.

the background for the tab panel btw is in

.ui-tabs .ui-tabs-panel {

in commonfiles/css/main.css

and add the line:

background-color:#xxxxxx;

to change it to whatver colour you want.

the area behind the tabs themselves is in:

.ui-tabs .ui-tabs-nav {

in the same section of main.css

and again add the line :

background-color:#xxxxxx;

however i cant work out where the css is for the tabs themselves.

any ideas would be much appreciated.

[cflsystems]

Use Firebug/FF to find out the exact class and file. Tabs css is jquery.ui.theme.css, directory depends on the skin you are using, the main one is /skin/common_files/lib/jqueryui/jquery.ui.theme.css

[a333]

thanks very much ive found it. i searched everywhwere for the css but couldnt locate it and even went through the images folder going through each image to see if i could recognise the background image and the tab and work backwards from there but to no avail.

the folder containing it called "lib" didnt stand out for me to check!

to change the tabs style its in the "interaction states" part of the css starting from line 60, if anyone else needs it.

[qualiteam]

You can customize styles using UI (dialogs, tabs etc):

http://help.qtmsoft.com/index.php?title=X-Cart:Customizing_storefront#How_to_change_popup_di alog_colors_and_layout.3F