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

[Lynne]

It's your -moz-box-shadow.

[vexxy]

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:

#sidebar_container .underblock {background: transparent; height: 20px;}
#sidebar_container > ul {
-moz-border-radius:0px;
-webkit-border-radius:: 0px;
-moz-box-shadow: none;
background:transparent !important;
border:none !important;
}
#sidebar_container .block {
background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
-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};
}

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

[Lynne]

This is in your css:
#sidebar_container > ul { background: url("http://www.bytesin.com/images/misc/blog/top-highlight.png") repeat-x scroll left top #F1F1F1; border: 1px solid #C1C1C1; border-radius: 5px 5px 5px 5px; box-shadow: -2px 2px 2px #C8C8C8; float: left; width: 100%;}

// does not comment out css. You need to use /* this is commented out */

[vexxy]

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 1302548924 at 1302548924 ---------------

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 :(

[vexxy]

so..any ideea guys?

[Lynne]

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