How to change title of Related posts section

• 

  yhmmagazine · Member · Aug 10, 2020 at 8:59 am

  • Copy link
  • Add topic to favorites

  After every post, there is a Related posts section. Is there a code to change the title from ‘Related’ to “More like this’?

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

• 

  staff-doublebassd · Staff · Aug 10, 2020 at 1:53 pm

  • Copy link

  Hi there,

  Here is a snippet you can use to change the title text:

  #jp-relatedposts h3.jp-relatedposts-headline em:before {
      content: "More Like This";
  }

  Let me know if that works for you.

  Thanks!

• 

  yhmmagazine · Member · Aug 11, 2020 at 12:45 am

  • Copy link

  Hello!

  Thanks for sharing this code. Unfortunately, it does now work as intended. It adds “More like this” plus an extra line.

  It does not remove the Related headline.

  See here: https://bit.ly/3fSlsCc

• 

  kokkieh · Staff · Aug 11, 2020 at 5:19 am

  • Copy link

  That’s because that code only adds text. It doesn’t hide the existing text. Try this instead:

  /*
  Replace title of related posts section
  */
  #jp-relatedposts h3.jp-relatedposts-headline {
  	font-size: 0px;
  	visibility: hidden;
  	line-height: 0;
  }
  #jp-relatedposts h3.jp-relatedposts-headline em:before {
  	content: "More Like This";
  	visibility: visible;
  	padding-top: 20px;
  }