[vB4] Sidebar Blocks

[RobDog888]

How can I add vertical padding/spacing between them? I figured there may be a stylevar for sodebar block footer but sadly no.

Thanks

[Lynne]

From my CSS cheatsheet, add to additional.css:

/* Put spaces between blocks on forumhome page */
#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}; 
}

[RobDog888]

Thank You Lynn!

I'll search for your cheat sheet to see what else you have in there.

[Lynne]

It's not a published cheatsheet. I have several pages of stuff with notes when I help on the forums and one of the pages is full of CSS I've written for users before.

[RobDog888]

Ohhhh sounds like an upcoming css tips and tricks article?

[Noctavia]

What code would I need to put the same spacer between the blocks on the user's profile page?

[Lynne]

Try this (may need some adjusting):

/* Put spaces between blocks on member page */
#profile_tabs {background: none;}
#profile_tabs .underblock {background: none;}
#profile_tabs.member_summary {-moz-border-radius: 0; -moz-box-shadow: none; border: 0;}
#profile_tabs .block {
    background-color:{vb:stylevar profile_sidebar_background.backgroundColor};
    border:{vb:stylevar profile_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}; 
}