Widget: Heading and Widget Spacing Size too Large

• 

  asgrimus · Member · Oct 31, 2012 at 1:37 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am just wanting to change the spacing between my Widget and it’s header, it does not look to aesthetically pleasing. Could you help me with the code for this?

  Thanks.

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

• 

  designsimply · Member · Nov 10, 2012 at 6:36 pm

  • Copy link

  To adjust the spacing between widgets in the Twenty Twelve theme, add this to your Appearance → Custom Design → CSS editor:

  .widget-area .widget {
  	margin-bottom: 1.5rem;
  }

  To adjust the spacing between widget titles and widget content, add this:

  .widget-area .widget h3 {
  	margin-bottom: .5rem;
  }

  Change the 1.5rem and .5rem values as necessary.

• 

  designsimply · Member · Nov 10, 2012 at 7:16 pm

  • Copy link

  Btw, wow! What a gorgeous header image!!! Where was that photo taken?

• 

  asgrimus · Member · Nov 11, 2012 at 8:03 pm

  • Copy link

  Thanks a lot! Great help. How did you figure out how to do this?

  The photo is of a glacier in Austria called Hintetux. Amazing place, took the photo last year this time.

  Thanks once again,

  Anton