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!
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
ReplyDeleteHi, can I ask how you added those two horizontal lines above and below your tabs pages? Thank you :)
ReplyDelete