View Full Version : Why are my blocks not transparent
Evilbeard
06-29-2011, 08:50 PM
Hi,
I have been altering an existing style to fit in with what I need. The problem is the blocks & widgets are white & not transparent like the rest of the theme. Does anyone know what I have missed?
http://www.baw-clan.co.uk/images/misc/screenshot2.jpg
Thanks
LifesGreatestGift
06-29-2011, 09:07 PM
would help if we could see the forum to tell you why its not transparent.
Evilbeard
06-29-2011, 10:00 PM
Sorry pal. http://www.baw-clan.co.uk
If someone could just let me know which stylevar to alter etc.. I would much appreciate it!
Thanks
LifesGreatestGift
06-29-2011, 10:10 PM
Looks fine in FF5, IE9 and Chrome 12. Not sure, but the issue may be your browser. Everything is transparent in the listed browsers.
Evilbeard
06-29-2011, 10:11 PM
Sorry, I had loaded another theme whilst I worked on it. It is set the problem one now.
Thanks
LifesGreatestGift
06-29-2011, 10:15 PM
by the looks of it, you will need to alter a few stylevars to get the desired effects. you will need to make background colors "transparent", remove borders and drop-shadows (glow effect).
The background color you are looking for in the CMS stylevars is #F1F1F1 change it to "transparent" (without quotes).
Evilbeard
06-29-2011, 10:19 PM
You couldn't give us a hint could you? Maybe an idea of what they would be called?
Thanks
LifesGreatestGift
06-29-2011, 10:27 PM
vbcms_widget_block_background
vbcms_widget_border
vbcms_widget_content_background
look at those for starters.
Evilbeard
06-30-2011, 05:11 AM
None of them exist. Could that be the problem? Can they be created?
Jeff Ledger
06-30-2011, 07:37 AM
add this to additional.css
.cms_widget {
background-color: transparent;
border: 0 none;
}
.widget_content {
background: none repeat scroll 0 0 transparent;
border: 0 none;
}
.cms_widget .block {
background: none repeat scroll 0 0 transparent;
}
also remove the ugly stylevar shadow_color (set to transparent).
My css also remove all the border of the blocks, if you need it back, just remove these border lines.
Evilbeard
06-30-2011, 08:38 AM
That worked great thanks pal. It looks like the same issue with the side blocks & what's going on footer within the forums section though. Do you know the script for these?
Thanks in advance.
Jeff Ledger
06-30-2011, 08:47 AM
Add this to additional.css
.wgo_block .blockbody {
background: none repeat scroll 0 0 transparent;
border: 0 none;
}
#sidebar_container .blockbody {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 20px 20px 20px 20px;
color: #424242;
padding: 0;
}
#sidebar_container .blockrow {
background: none repeat scroll 0 0 transparent;
border-radius: 20px 20px 20px 20px;
border-top: 0 none;
padding: 6px;
}
#sidebar_container > ul {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 20px 20px 20px 20px;
box-shadow: none;
float: left;
width: 100%;
}
Remember to change your text color as well to make it more readable.
Evilbeard
06-30-2011, 09:12 AM
Once again, thanks a million. Worked a treat! Is there a guide to what commands do what anywhere?
Thanks again!!!
Jeff Ledger
06-30-2011, 09:16 AM
Of course there are
https://vborg.vbsupport.ru/showthread.php?t=230309
and if you don't mind reading a really long long document so here you go
https://www.vbulletin.com/forum/entry.php/2398-StyleVar-Visual-Dictionary-for-Forum-Blog-and-CMS-(PDF-Documents)
Evilbeard
06-30-2011, 09:38 AM
Jeff, you have just become my new hero m8! Thanks for all your help.
Thanks to you also Thewindows7site m8
Jeff Ledger
06-30-2011, 09:41 AM
You are welcome ! Nice to see it helps.
Evilbeard
07-01-2011, 06:07 AM
I have reached my final hurdle & even using firebug, I am struggling!
When I click in the subject field of a new post, it goes transparent & with it being a dark theme you can't see the text you are typing.
Any ideas guys?
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.