WordPress.com

1. windwhistle
   Member
   Dec 31, 2012, 6:38 PM

   I'm trial-and-error with CSS and can't for the life of me figure out how to eliminate the excess padding(?) at the bottom of the Home Page Feature Widget in The Morning After theme. Love the widget (spans the top of the two sidebars) for special items, but the excess padding (margin?) at the bottom spoils the look. I'd appreciate any help on how to reduce it to match the spacing at the top. Thanks!

   The blog I need help with is piedtype.com.

2. designsimply
   Staff
   Jan 2, 2013, 4:11 PM

   To clarify, do you mean the widget area that's showing a text widget in the demo at http://themorningafterdemo.wordpress.com/ ?

   If so, to get rid of the bottom margin on that widget area, add this to your Appearance → Custom Design → CSS editor:

   #feature {
   	margin-bottom: 0;
   }

   Note that there is still padding inside various pieces of that widget, including paragraphs and widgets in general. You can remove all of it by also adding this:

   #feature p,
   #feature .widget {
   	margin-bottom: 0;
   }

   These examples apply to the demo site since your site doesn't currently have a widget in the home page feature widget area. If you add a different type of widget, you might have to adjust a different selector in addition to the ones in the examples above, but hopefully you'll be able to see which things to adjust after adding the widget, looking at the page source, and trying out the CSS examples from here.

3. windwhistle
   Member
   Jan 4, 2013, 3:44 AM

   Thanks. That (the second part) did it. Sorry to be so slow getting back to you. I appreciate the help. :)

Topic Closed

This topic has been closed to new replies.