X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   product tabs removing white background (https://forum.x-cart.com/showthread.php?t=58827)

DrummerBum 04-08-2011 01:59 PM

product tabs removing white background
 
1 Attachment(s)
[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 04-09-2011 07:15 AM

Re: product tabs removing white background
 
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 04-09-2011 09:12 AM

Re: product tabs removing white background
 
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 04-09-2011 10:25 AM

Re: product tabs removing white background
 
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 04-19-2011 04:44 AM

Re: product tabs removing white background
 
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


All times are GMT -8. The time now is 11:26 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.