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