PDA

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?