How to Style Related Posts (YARPP) Plugin using CSS

How to Style Related Posts YARPP Plugin in WordPress

November 11, 2013

True story: In 2016 I closed my business for 1 year after having our son and it was the BIGGEST mistake I've ever made. I totally get how overwhelming it can be to build an online business while raising a family... um, 3am work nights fueled by a pot of coffee - been there!

Which is why I've dedicated Sugar Studios + this blog to helping entrepreneurs like YOU build the business you've been dreaming of.

Hey! Come Sit With Me

about the author

business templates

logos

social media templates

Visit the Shop

Attract the right customers to your business with our high-quality template designs. 

THE SHOP

  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:

      .yarpp-thumbnail-title

      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;
      }

Leave a Reply

When you don't need the extreme makeover, take our 5 day email course to freshen up your brand so it feels true to you.

free email course

5 days to a brand facelift

Let's Be Insta-Friends

follow us over on instagram

We're delightfully accepting new branding & website projects