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: Pinpoint
• July 16, 2014 at 5:58 pm #91822
  focusingresources

  Member

  Post count: 76

  Hi there,

  I’m wondering how to change the button color “accent” and “orange” to #fda76d? We want to keep the accent color the blue it is currently set to… we’re just looking to change the button color. I noticed this was possible with some custom CSS, but I’m not sure where to edit…

  Thanks!
  Maggie

  July 16, 2014 at 6:14 pm #91838
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try adding this to your custom css in Theme Options

  .sf-button.accent {
    background-color: #fda76d!important;
  }

  – Kyle

  July 16, 2014 at 6:17 pm #91842
  focusingresources

  Member

  Post count: 76

  Thanks for the super quick response, Kyle. Will that update the orange button as well?

  July 16, 2014 at 6:20 pm #91843
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  This will:

  .sf-button.accent, .sf-button.orange {
    background-color: #fda76d!important;
  }

  – Kyle

  July 16, 2014 at 6:23 pm #91849
  focusingresources

  Member

  Post count: 76

  Fantastic, thanks so much!

  July 16, 2014 at 6:23 pm #91850
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem

  – Kyle

  July 17, 2014 at 5:32 pm #92317
  focusingresources

  Member

  Post count: 76

  Ope – quick follow up… is there a similarly easy way to update the button color in the pricing tables? (pt button)

  Thank you thank you!

  July 17, 2014 at 6:55 pm #92330
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  link?

  – Kyle

  July 17, 2014 at 6:58 pm #92334
  focusingresources

  Member

  Post count: 76

  Scroll down to the “Would you like to get started” Section on this page… but we use the same thing in several places

  Welcome! Here’s a bit of information to help get you started.

  ~Maggie

  July 17, 2014 at 7:02 pm #92336
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  That button is the .sf-button.accent so the css above will also apply to that button

  – Kyle

  July 17, 2014 at 7:10 pm #92341
  focusingresources

  Member

  Post count: 76

  Except that it didn’t…. I swapped out the super orange color with a reddish color hex and it changed the buttons in many places, but not there…

  Oh, wordpress… you are mysterious. Any ideas?

  ~Maggie

  July 17, 2014 at 7:12 pm #92343
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  But before I provided you with css which made your buttons a more pastel orange, now your buttons are back to the bright orange again as if you have removed the custom css?

  – Kyle

  July 17, 2014 at 7:17 pm #92349
  focusingresources

  Member

  Post count: 76

  Hi Kyle,
  The Custom CSS is still there. For some reason, the buttons on the home page are not cooperating. There are many other buttons on other pages that are… I have no idea why. I’ve attached a picture of what color they should be based on the custom css.
  Sorry to be such a headache!
  ~Maggie

  Attachments:

  You must be logged in to view attached files.
  July 17, 2014 at 7:20 pm #92352
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  In your css you have this:

  .sf-button.accent {background-color:#ff9f0f !important;}

  Which is the bright orange color, not the color that’s in the screenshot attached

  – Kyle

  July 17, 2014 at 7:22 pm #92353
  focusingresources

  Member

  Post count: 76

  Weird, because this is what is in the custom CSS box in our pinpoint options:

  .sf-button.accent, .sf-button.orange {
  background-color: #e67e4b!important;
  }

• Back to forum

  Posted in: Pinpoint