how to decrease space between side bar widgets

  • Unknown's avatar
    gilliancut · Member ·

    Hello!

    I wonder how to decrease the space between the sidebar widgets?

    Also is there anyway to remove just one ‘squiggly line’ divider but keep the rest?

    Any help is much appreciated!

    Thank you! :-)
    http://www.lilyluxe.com

    The blog I need help with is: (visible only to logged in users)

  • eurello · Staff ·

    Sure, you can decrease the space between them by decreasing their padding: 

    .side-widget {
padding: 0px 20px 0px 20px;
}

    Those values are for padding-top -right -bottom and -left, and you can adjust the values until everything looks as you want it to.

    Also is there anyway to remove just one ‘squiggly line’ divider but keep the rest?

    Yes, if you target the individual widget. For example, to remove it from just the social medit buttons at the top, you’d use: 

    article#text-2 {
background: none;
}
  • Unknown's avatar
    designsimply · Member ·

    I checked http://lilyluxe.com/ and I see your site is not currently hosted here at WordPress.com but you are using the Custom CSS feature in Jetpack. I also noticed that the squiggly line dividers were still there in the sidebar. To remove the squiggly lines for all sidebar widgets and remove all margins and padding from widgets except for 20 px padding on the left and right, you could update the 2nd snippet of CSS in the example above to something more general like this:

    .side-widget {
	background: none;
	margin: 0;
	padding: 0 20px;
}
  • The topic ‘how to decrease space between side bar widgets’ is closed to new replies.