ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• February 25, 2014 at 10:49 pm #51842
  maximearmstrong

  Member

  Post count: 73

  Hello,

  I just did a custom button color with my css. Everything works fine, except the button is not shading like your buttons on hover. Is it possible to get the css line for the hover button background shade?

  I’d like to give you my url, but my website is still managed locally.

  February 26, 2014 at 11:39 am #52023
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hey, I’m afraid we would need to see the html of the button in order to have the classes to target the attributes.

  Can you show us a screenshot of the html markup of that button?

  February 26, 2014 at 8:13 pm #52211
  maximearmstrong

  Member

  Post count: 73

  Yes, no prob! Here is the code. The part i’d like to change is the hover background part.

  a.sf-button.custom-yellow {
  color: #222!important;
  background: #fff36d;
  }
  
  a.sf-button.custom-yellow:hover {
  background: #fff36d;
  }

  February 27, 2014 at 9:33 am #52329
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hey, if you change your css to

  a.sf-button.custom-yellow:hover {
  background: #fff36d!important;
  }

  it should definitely work.

  You could also try

  background-color: #fff36d!important;

  Cheers!

  February 27, 2014 at 4:13 pm #52564
  maximearmstrong

  Member

  Post count: 73

  Hey Melanie, thanks for your answer, though it didn’t work.

  Actually, my button appears as the right color. For the hover part, I set the same background color temporary. My question would be more : How to make the same shade your standard buttons do. For instance, your gold button become darker on hover. This is the effect I want to reach, but I don’t know what to enter as background-color to get the same shade.

  February 27, 2014 at 5:08 pm #52596
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  We have added manually added the hover colour for each of our button presets. You just need to get a colour that is slightly darker than the colour you have set and it should work.

  – Kyle

  February 27, 2014 at 5:43 pm #52609
  maximearmstrong

  Member

  Post count: 73

  Ok! Thank you for your answer!

  February 27, 2014 at 5:43 pm #52610
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem

• Back to forum

  Posted in: Dante