DMXzone Tabs Support Product Page

Transparent content section for Tabs theme

Reported 05 Jun 2013 23:39:37
1
has this problem
05 Jun 2013 23:39:37 Harold Nelson posted:
Is there a way to create a theme with a transparent background for the content section so that the main page's texture shows through?

Replies

Replied 06 Jun 2013 06:25:27
06 Jun 2013 06:25:27 Teodor Kuduschiev replied:
Hello Harold,

You can edit the CSS of any of the themes and remove the background set there.
Replied 12 Jun 2013 16:27:43
12 Jun 2013 16:27:43 Harold Nelson replied:
Thanks - sorry for the delay. The CSS file is 1100 lines long, including the massive live 4 all lumped together jquery code. Can you point me to the element name that controls the background color/image for the body content? I tried manually editing some of them but I must be doing the wrong elements because the background stays the same.
Replied 12 Jun 2013 16:40:52
12 Jun 2013 16:40:52 Teodor Kuduschiev replied:
This depends on the style you are using. You can use the browser inspect tools or Firebug.
Replied 12 Jun 2013 17:02:52
12 Jun 2013 17:02:52 Harold Nelson replied:
I'm using the hot-sneaks template.
Found it by searching for the graphic "ui-bg_flat_75_ffffff_40x100.png" in the css file. It shows up in this element

.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #2c4359;
}

I removed the background line and it's now transparent. Neither the inspect tools or Firebug were of any use trying to locate this. Hopefully this '.ui-widget-content' is used in all the themes/templates so I can make them all transparent. Thanks for the help.

Reply to this topic