How to reduce space between sidebar/widget area and content/body?

• 

  skyafrica24 · Member · Dec 17, 2017 at 5:49 pm

  • Copy link
  • Add topic to favorites

  Hello friends! I am using the Hemingway Rewritten for my blog ” I would like to tighten the space between sidebar and content area

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

• 

  staff-frank · Staff · Dec 17, 2017 at 8:05 pm

  • Copy link

  Hi there,

  The sidebar is set to float to the right. Go to Customize > CSS and paste in the following custom CSS:

  .site-content .widget-area {
      float: none;
  }

• 

  skyafrica24 · Member · Dec 18, 2017 at 4:06 pm

  • Copy link

  Not working

• 

  staff-frank · Staff · Dec 18, 2017 at 4:38 pm

  • Copy link

  Right now, this is what you have in your CSS:

  .site-content .widget-area {
      float: right;
  }

  Using my browser inspector, I changed that code to this:

  .site-content .widget-area {
      float: none;
  }

  Then I see the sidebar shift to the left.

  Did you save your changes in the Customizer?

• 

  skyafrica24 · Member · Dec 18, 2017 at 5:13 pm

  • Copy link

  No, I don’t have dis code .site-content .widget-area {
  float: right;
  } on my css. I have go tru it

• 

  staff-frank · Staff · Dec 18, 2017 at 6:55 pm

  • Copy link

  The Customizer only shows custom CSS that you have added yourself. If you have not added any code, Additional CSS will be empty.

  To see the existing CSS, you must use your browser’s developer tools or try to right-click on the sidebar and select “Inspect Element”

• 

  thesacredpath · Member · Dec 19, 2017 at 6:10 pm

  • Copy link

  @skyafrica24, at WordPress.com, you add custom CSS to override the original CSS rather than to modify the existing CSS. Your custom CSS loads after the original CSS, so it takes precedence.