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.
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.
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.