I want to reduce the space between blocks in the left sidebar as I am putting a number of PNG ads there that look odd with lots of spacing

I have found a solution to add a line in the blue/green/red.css which reads

.block {
margin-bottom: -25px;
}

but this also reduces the space below my user 1, user 2 and user 3 blocks

Can I modify this code so that it applies only to my left sidebar?

Comments

leehquk’s picture

leehquk CreditAttribution: leehquk commented

my site is hqsoccer.com

mrtoner’s picture

mrtoner CreditAttribution: mrtoner commented
Status: Active » Closed (fixed)

You should be using a custom CSS file to override the styles (see the Local Content setting) instead of modifying the theme's styles. As with any style, you can make it more specific by looking for a parent element to apply the style to. In your case, you want it only to apply to the left sidebar:

#sidebar-left .block {
  margin-bottom: -25px;
}