Changing font size and color of previous and next posts

Hi Praneetha,

You can use this code in Appearance > Customize > Additional CSS:

.pagination-post a {
    font-size: 12px;
    color: black;
}

If you have any further questions just let us know. Thanks! ??

Hi Steven,

Thank you, it worked. ??
But, there is a small issue. In a lot of posts, either the previous post title or the next post title is not being displayed. Is this something to do with the code?

Thank you.

Hi, praneethagoutham.

If that’s the only post in that category then you’ll not have those arrows showing up since there’s nothing to move to.

I hope this helps.

Hi Steven,

Could you also please help me with a code that increases the font size and changes the colour of ‘popular recipes on the blog’ and ‘recent posts’ titles?

Thank you.

Sure thing Praneetha,

This will set the color and font size of “Popular recipes on the blog”:

.block-title span {
    color: #333;
    font-size: 20px;
}

And this will adjust the “Recent Posts” title:

.blog-feed > h2 {
    color: #333;
    font-size: 14px;
}

Let us know if you need anything else! ??

Thank you so much, it worked. ??

• This reply was modified 4 years, 11 months ago by praneethagoutham.

Happy to hear that. Thanks! ??

Hi, I tried adding the code for the .pagination-post to increase the size but it doesn’t work for me. People visiting my blog are complaining that they cannot see the Previous Posts or Next Posts “buttons” because they are so small. How can I make these larger and bold so people know to use them?

Hi Stacy,

It looks like someone replied to your question in the other thread that you posted it in, if you need any further help with it, let’s follow up there.

Thanks!