Saturday, August 15, 2015

Adding Space Between Read More & Post Footer

Once I added the CSS customized Read More link, as I just posted about, I found that my Read More link was just too close to my footer. So I decided to figure out how to change that. 

I went into HTML and found .post-footer

You can click up in the right hand corner on white space, and hit CTRL and F. It will open up a box. In that box, put .post-footer.

I looked at the padding and where it now says 20px at the very beginning, (which I have highlighted in gray) it did say 0px. You can play with the numbers. Preview, and see if it's where you want it. When it is, click Save.

.post-footer {
  margin: 10px 0px 20px 0px;
  color: $(post.footer.text.color);
  line-height: 1.6;
  padding: 20px 0 20px 0px;
  border-bottom: 0px solid #808080;
  background-image: url();
  background-repeat: no-repeat;
  background-position: bottom center;

That's it!

Enter your email address:

Delivered by FeedBurner
Follow on Bloglovin
follow us in feedly


  1. Thank you so much for share such a wonderful article.I like the way of writing and presenting.The author clearly describe all the information with good language.Waiting for your new stuff.custom essay writing service

  2. Hi, can I ask how you added those two horizontal lines above and below your tabs pages? Thank you :)