Creating a space between widgets using CSS

• 

  mpactglobal · Member · Mar 1, 2017 at 11:05 am

  • Copy link
  • Add topic to favorites

  Yesterday I inquired about how I can create spaces between widgets. The email I received in response to that question was for me to use CSS. How do I go about it, since I have no knowledge on CSS?

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

• 

  thesacredpath · Member · Mar 1, 2017 at 11:03 pm

  • Copy link

  Hi there, are you talking about the right widget area, the middle, or the left, or all three?

• 

  mpactglobal · Member · Mar 2, 2017 at 4:14 pm

  • Copy link

  I need information on all the three. side by side and middle.
  Please kindly assist me urgently.
  Currently if you look at my site, some of the widgets have shifted places making the arrangement look haphazard. I need your urgent guidance.
  Thanks

• 

  mpactglobal · Member · Mar 2, 2017 at 4:16 pm

  • Copy link

  It looks like when I post some items they cause the other widgets to shift. How can I make it static?

• 

  thesacredpath · Member · Mar 3, 2017 at 1:41 am

  • Copy link

  Hi, not entirely sure what you mean by haphazard. I do see that Africa News and Africa Business are not aligned horizontally. This is due to the fact that the title on PURC… is longer (3 lines) than the one to the right titled I am not… (two lines).

  I see the same on Health, Lifestyle & Relationships, and Strange News. Again, this is due to differing lengths on titles in the section right before that widget area.

  On the spacing between widgets, are you talking vertically or horizontally?

• 

  mpactglobal · Member · Mar 3, 2017 at 11:42 am

  • Copy link

  Thanks for your observations.

  I need you to teach me on both vertical and horizontal.

  but I need the horizontal more.

• 

  thesacredpath · Member · Mar 3, 2017 at 7:15 pm

  • Copy link

  Super, let’s start with this, which adds a bit more space between the columns.

  .sb-right {
  	padding-left: 20px;
  	box-sizing: border-box;
  }

  On the spacing of the posts in the columns, are you wanting more space between the ones with the smaller images below the featured ones?