Change button text homepage

• 

  lucette63 · Member · Apr 10, 2015 at 4:01 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to change the text of my button on my homepage (I have a Goran Theme) but I need a CSS code and I have really no idea how to do that.
  Can someone help me ? :)
  (I have a premium account)

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

• 

  thesacredpath · Member · Apr 11, 2015 at 4:35 pm

  • Copy link

  Which button are you talking about? The one at the top where it says, Je démarre l’aventure or the ones underneath DIY, Maquillage, etc?

  For the top:

  .hero a.button {
  color: #00dd11;
  }

  For the three below:

  .featured-page .more-link, .grid .more-link {
  color: #00dd11;
  }

• 

  lucette63 · Member · Apr 14, 2015 at 7:57 am

  • Copy link

  Thank you for your answer.

  I would like to change the button “Je démarre l’aventure”. I want it to be bigger and red :)

  Do you know the CSS code to do that ?

• 

  thesacredpath · Member · Apr 14, 2015 at 2:03 pm

  • Copy link

  You can use the following CSS. I’ve included some additional declarations (color and border color) in case you want to change those also. I’ve also included a rule to change the hover color as well. You can use what you want from the following and delete what you don’t use.

  .hero a.button {
      background: #cc0000;
      border-color: #cc0000;
      color: #fff;
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .hero a.button:hover {
      background: #dd7f00;
      border-color: #dd7f00;
  }