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

[vexxy]

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

[midnz]

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

[ProFifaLeagues]

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};
}

[vexxy]

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

[Lynne]

Post a link to your page with the problem.

[vexxy]

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

tnx alot

[Lynne]

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.

[vexxy]

my additional.css style for this is:

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

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

[Lynne]

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

background:transparent !important;
    border:0 !important;

[vexxy]

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