How can I separate 2 sidebar blocks from each other using a separator (space)?
 

I want to separate my sidebar blocks with a white space..but I simply cannot understand how can i do that. I've also attached an image to better point my problem..so basicly the question is, how can i separate the Users Online block from the Hot Topics block?

Tnx in advance

<a href="https://vborg.vbsupport.ru/showthread.php?t=245994" target="_blank">add space between the sideblocks</a>

goto your additional.css template and add

#sidebar_container .underblock {background: none; height: 10px;}
#sidebar_container > ul {
-moz-border-radius:0px;
-webkit-border-radius:: 0px;
-moz-box-shadow: none;
background-color:transparent;
border:0px;
}
#sidebar_container .block {
background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

hehe ya, that works...but unfortunately the space between the blocks is grey..and couldn't find the stylevar for that..any ideea? i've attached the screenie. Also, I have trouble removing the whole border..for some reason.

I appreciate all the help

Post a link to your page with the problem.

it's my signature forum: www.bytesin.com

tnx alot

Something like...

#sidebar_container .underblock {background: transparent;}
#sidebar_container > ul {background: transparent; border: 0;}

I think you need to modify the box-shadow on the left in that last one also.

my additional.css style for this is:

but there are no visible changes, looks the same :/

Make all your custom CSS "important" and see if that helps... example:

hmm..with !important it works...hmm :) tnx alot Lynne

one more question tho :)

I don't get it why is the left border on...tried to remove any border/shadow I could find for that style and either i've missed one or...

tnx alot, I really appreciate the help

It's your -moz-box-shadow.

sorry for the so late response, but my left border thing seems unresolved atm...i tried rmoveing all moz-shadow styles, wtih no luck...here's the code I Have, maybe i'm missing something:

again sorry for the late reply..and I appreciate your support

This is in your css:
// does not comment out css. You need to use /* this is commented out */

i found the lines you were talking Lynne, there were in forumhome.css...didn't had any ideea that I was there...anyway, properly commented the line but still no effect...also, isn't additional.css suppose to override any css styles used in other css?

edit: it works now, css were saved as files so cache problem...tnx alot Lynne

--------------- Added [DATE]1302548924[/DATE] at [TIME]1302548924[/TIME] ---------------

actually I have a..wierd problem..if i setthe forum to "Store CSS Stylesheets as Files?" to No, the sidebar looks good, without no border anything. If I re-enable them, the border is back. I've checked the /clientscript/vbulletin_css and deleted all the temp folders and css files stored there then set the option to Yes again..same thing..

im in a bit of a situation I don't understand :(

so..any ideea guys?

It should be the same unless the software is unable to write the files to the directory. Have you checked that?