Button Color Change

• 

  c4thp4th · Member · Oct 10, 2016 at 12:00 pm

  • Copy link
  • Add topic to favorites

  Im using the maisha theme: https://maishademo.wordpress.com/
  When hovering over the “view out services button” on my homepage the blue buttons turns into the same yellow I see on the maisha demo. What did I do wrong when editing the HTML?

  Here is my stite: https://wordpress.com/customize/kbmgeospacial.wordpress.com

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

• 

  kathrynwp · Staff · Oct 10, 2016 at 5:43 pm

  • Copy link

  In addition to the CSS you added to change the button’s colour, you’ll need to add a hover state which will apply new colours when you hover your mouse over. For example:

  .button:hover {
    background-color: #bb00bb; /* button background colour */
    color: #ffffff; /* button text colour */
  }

  Change the colour codes to whatever you like. The color declaration is optional but will change the colour of the text on the button.

  You can learn more about styling the hover state here:

  https://developer.mozilla.org/en-US/docs/Web/CSS/:hover