Remove white gaps between site logo and header

• 

  roisingrace · Member · Jun 3, 2015 at 8:14 pm

  • Copy link
  • Add topic to favorites

  Hi guys,

  I recently purchased and changed my theme to Zuki, which is great. But I have two questions.

  How do I remove the white gap between my site logo and the header?

  And also the same for the different widgets on the right hand side bar?

  Thank you so much :)

  The blog I need help with is lifeofanarthistorian.wordpress.com.

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

• 

  thesacredpath · Member · Jun 3, 2015 at 9:37 pm

  • Copy link

  If you are talking about the white space below the header image and above the grey line, that is the div for the primary menu. We can get rid of that if you are not going to use that menu with the following CSS.

  #site-nav {
      padding: 0;
  }

  You can lessen the space above the content in the right sidebar with the following.

  .front-fullwidth .widget_zuki_recentposts_big .rp-big-one:last-of-type .story {
      padding-top:20px;
      top: 0
  }

• 

  roisingrace · Member · Jun 4, 2015 at 8:49 am

  • Copy link

  Brilliant this worked, thank you so much!

  There are still quite big gaps between the different widgets on the right hand side bar – any way of lessening this?

  Thanks again for everything.

• 

  g471n · Member · Jun 4, 2015 at 9:11 am

  • Copy link

  To make the padding between the widgets on the right add:

  `.widget-area .widget {
  padding-bottom: 40px;
  }

• 

  g471n · Member · Jun 4, 2015 at 9:13 am

  • Copy link

  To make the padding between the widgets on the right smaller :)

• 

  roisingrace · Member · Jun 4, 2015 at 1:14 pm

  • Copy link

  Thank you so much, both these codes have worked! Thanks again :)

• 

  g471n · Member · Jun 4, 2015 at 1:20 pm

  • Copy link

  Fantastic :)

• 

  thesacredpath · Member · Jun 4, 2015 at 3:18 pm

  • Copy link

  You are welcome.