Changing the related posts head

• 

  windwhistle · Member · Nov 16, 2013 at 7:58 pm

  • Copy link
  • Add topic to favorites

  Is there any way to change the related posts heading using CSS? While I love the feature, the posts shown often are not related and it’s confusing for the head to say “Related.” I’d prefer something like “You might also like” or just “Also” or “More.”

  Also, for consistency, the head should include a colon and a full-width gray rule to match the Share and Like sections above it.

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Nov 16, 2013 at 8:49 pm

  • Copy link

  div.jp-relatedposts {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
  }
  div.jp-relatedposts .jp-relatedposts-headline em {
  font-size: 0;
  color: transparent;
  }
  div.jp-relatedposts .jp-relatedposts-headline em:before {
  border-top: 0 none;
  margin-bottom: 0;
  }
  div.jp-relatedposts .jp-relatedposts-headline em:after {
  content: "YOUR ALTERNATIVE HERE:";
  font-size: 9pt;
  color: #000000;
  }

  If I were you I would also add a bottom border, to separate the section from the previous/next nav links.

• 

  windwhistle · Member · Nov 16, 2013 at 9:31 pm

  • Copy link

  That looks great. Thanks! I added the bottom border as you suggested. That’s a lot of horizontal lines down there, but I can’t think of a better way to present all that stuff.

  I appreciate your taking the time to indulge all my nitpicking!

• 

  justpi · Member · Nov 16, 2013 at 9:53 pm

  • Copy link

  You’re welcome, and I’m all for this kind of “nitpicking”: the original styling was very bad.
  If you don’t like all those lines, you could remove all of them and add a border and/or a discreet background color to the whole share+like+related section.

• 

  justpi · Member · Nov 16, 2013 at 9:58 pm

  • Copy link

  Or simply keep only the line above Share and the line below Related.

• 

  justpi · Member · Nov 16, 2013 at 10:00 pm

  • Copy link

  Or add a border and a bg color to Related only.

• 

  windwhistle · Member · Nov 16, 2013 at 10:55 pm

  • Copy link

  LOL! I’ll probably try them all sooner or later (if I can figure out the code). There’s really no way to impose any consistency on these three disparate elements.

  Anyway, thanks again. This is a big improvement over the default.

• 

  courtneysnailum · Member · Dec 7, 2013 at 7:15 am

  • Copy link

  Hello,
  I would love to get rid of the “related posts” features all together. How can I do that? If it’s not possible, can I control which posts are selected to be “related” since they usually aren’t?
  Thank you.

• 

  thesacredpath · Member · Dec 7, 2013 at 9:22 pm

  • Copy link

  Hi there, I see only one site associated with your username, and it is using Eventbrite Single. If you are talking about a different site, can you give us the URL of that site please?

• 

  thesacredpath · Member · Dec 7, 2013 at 9:30 pm

  • Copy link

  You can turn off the related posts feature at Settings > Reading in your dashboard under “Related Posts.”

• 

  courtneysnailum · Member · Dec 7, 2013 at 11:23 pm

  • Copy link

  Thank you, thank you! Perfect!

• 

  thesacredpath · Member · Dec 7, 2013 at 11:28 pm

  • Copy link

  You are welcome.