Community Forums › Forums › Archived Forums › Design Tips and Tricks › Removing Post Meta Data Empty Space
- This topic has 15 replies, 3 voices, and was last updated 10 years, 8 months ago by Chris Moore.
-
AuthorPosts
-
December 29, 2013 at 3:14 pm #81912pperkins81Member
I've removed the post meta data from my posts, but I'd like to get rid of the white space area where the post meta data usually goes. It's empty now, so it's unnecessary. Any ideas?
http://paulperkins.com
Thanks,
PaulDecember 29, 2013 at 3:30 pm #81917Chris MooreMemberThat's a margin from the
h2.entry-title
.Try this:
h2.entry-title { margin: 0; }
Does that work?
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comDecember 29, 2013 at 3:36 pm #81918Chris MooreMemberOn second consideration, try this:
h2.entry-title { margin-bottom: 1rem; text-align: left; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comDecember 29, 2013 at 3:39 pm #81920Chris MooreMemberOr even...
h2.entry-title { margin-bottom: 0.5rem; text-align: left; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comDecember 29, 2013 at 3:40 pm #81921pperkins81MemberI can't find anything labeled h2.entry-title.
December 29, 2013 at 3:44 pm #81922Chris MooreMemberYou don't have to. 🙂 There is more than one way to skin a cat, as they say, and that definitely holds true for CSS.
Open your child theme's
style.css
and then start your customizations at the bottom, the very bottom, after everything else is said and done. That way your customizations will override the child theme's styles. This is the best way to keep clear what you have changed and what originally came with the child theme. Otherwise, you will have no idea what you did, and where.If this doesn't work:
h2.entry-title { margin-bottom: 0.5rem; text-align: left; }
Then try this:
h2 .entry-title { margin-bottom: 0.5rem; text-align: left; }
(separating the
h2
from the.entry-title
)One of the two should work, again, at the very bottom of the child theme's stylesheet.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comDecember 29, 2013 at 7:05 pm #81945pperkins81MemberI see. Neither code got rid of the white space.
December 29, 2013 at 10:22 pm #81967Chris MooreMemberHello again!
I have some other suggestions (it sometimes takes up to 3 or 4 tries to get things just right), however, I can't access your homepage anymore, it automatically redirects to your "portfolio" page.
Still willing and happy to help.
Best of luck either way though!
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comDecember 30, 2013 at 7:55 am #82032pperkins81MemberHey Chris. Thanks! You should be able to access it now.
December 30, 2013 at 10:07 pm #82226Chris MooreMemberLooks like you got it to work? What changed? Needed to clear your browser cache, or you were using a caching plugin?
At any rate, looks good to me. Let me know if you need further assistance with this.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comDecember 31, 2013 at 5:31 am #82248pperkins81MemberReally? I'm still seeing the empty space below the content. It's just below the "Keep reading" button.
December 31, 2013 at 6:28 am #82255Genesis DeveloperMemberadd this in your style.css file
.home footer.entry-footer, .blog footer.entry-footer{ display: none;}
December 31, 2013 at 6:32 am #82258pperkins81MemberSweet! That fixed it on the main page. But it's still showing up in the post page. Any thoughts about that?
December 31, 2013 at 6:36 am #82266Genesis DeveloperMemberRemove my previous code and then only use this
footer.entry-footer{ display: none;}
December 31, 2013 at 6:44 am #82272pperkins81MemberTerrific. Thanks a lot!
December 31, 2013 at 8:12 am #82288Chris MooreMemberHaha! I thought you were talking about the header area and where it says "Better Than a New Year’s Resolution, By Paul Perkins"... Sometimes the post meta is there. My apologies.
The code I shared should move the post header left (instead of centered) and close the gap between the header and your byline.
At any rate, looks like you got what you needed either way!
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com -
AuthorPosts
- The topic ‘Removing Post Meta Data Empty Space’ is closed to new replies.