How to Style Related Posts (YARPP) Plugin using CSS

How to Style Related Posts YARPP Plugin in WordPress



Showit Website Template for Virtual Assistant

as low as $55

Showit Website Template for Coaches

Business Tip

Save Time & Money With Templates

  1. Paulina says:

    Great post! I’m having a little difficulty customizing mine….I’m not seeing the style.css for my widget….is it under a different name? Also, did you change coding, or did you just add these in?

    Thanks for any help you can provide, Casey! Can’t wait to read some of your other blog tip posts!

  2. Anton says:

    Thanks for the awesome post. I’m just wondering if you’re able to help me find the css code for changing the font of titles of the YARRP widget.

    Thanks in advance.

    • Casey says:

      Sure, the code for the post title is:


      You’ll need to add this to your theme’s CSS file. Be sure to mark each style as !important so that it overrides the YARPP style sheet. For example:

      .yarpp-thumbnail-title {
      font-family:’Arvo’, Arial !important;

  3. Esther says:


    Nice post! Do you know how I can centre the related posts? I managed to centre the title, but not the thumbnails. This is my site:

Leave a Reply

I'm a former corporate employee who decided to ditch the 9-5 and start my own business. Stick with me while I share my best business tips, design advice and website how-to's. 

Come sit with me

Let's Be Business Besties, Shall We?

Unlock Your Brand's Personality


free workbook