change the text of a button from a featured page

• 

  treasuresoflisboa · Member · Feb 27, 2017 at 3:33 pm

  • Copy link
  • Add topic to favorites

  Hello!
  On my home page I have three squares with featured pages.
  At the bottom of each there is a Read More button.
  I’d like to change the text of the Read more button.
  All I’va managed to do so far is add some text after the “read more” thanks to the CSS code :

  .featured-pages .information a.read-more:after {
  content: “et Réserver”;
  display: block;
  }

  But this is actually not what I want, I’d like to change the whole text.
  Would you be so kind as to help me with this issue ?
  thanks a lot!
  Kind regards

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

• 

  thesacredpath · Member · Feb 28, 2017 at 2:48 am

  • Copy link

  Hi there, change that rule you have to this instead,

  .featured-pages .information a.read-more:after {
  	content:"et Réserver";
  	display:block;
  	text-indent: 9999px;
  	margin-top: -45px
  }

  and then add this.

  .featured-pages .information a.read-more {
  	text-indent: -9999px;
  }

• 

  treasuresoflisboa · Member · Feb 28, 2017 at 10:20 am

  • Copy link

  That is awesome it works. :)
  Thank you so much.
  have a great day!

• 

  thesacredpath · Member · Feb 28, 2017 at 7:10 pm

  • Copy link

  Hooray and you are welcome!