How to Style Related Posts (YARPP) Plugin using CSS

We're delightfully accepting new branding & website projects

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

  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

Keep your followers engaged with this collection of free Instagram Stories templates.

freebie

5 free instagram story templates

Let's Be Insta-Friends

follow us over on instagram