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
• December 12, 2013 at 2:33 am #36656
  thinkjay

  Member

  Post count: 9

  Hello, how do I change the color of the shortcode buttons using the button extra class box that’s at the very bottom when I pick a button type on the shortcode generator? For instance, can I put in a extra class that changes the button color to a specific color, like a darker blue: #1B4489 ?

  Thanks so much, James

  December 12, 2013 at 7:05 pm #36836
  Melanie – SUPPORT

  Member

  Post count: 11032

  Can you post up a link to the page where I can see a button you’re trying to change the color of? I’ll check it out 🙂

  December 12, 2013 at 7:06 pm #36837
  Melanie – SUPPORT

  Member

  Post count: 11032

  In general, if it’s possible, you can only choose from our button colors: http://dante.swiftideas.net/shortcodes/buttons-social-icons/

  unless you make a custom class in the css files and define the background color for it with your custom color.

  December 14, 2013 at 8:09 pm #37131
  thinkjay

  Member

  Post count: 9

  Hi Melanie, I want to change the blue button in sidebar that says “Click Here To Search All Homes” to a different shade of blue, like this blue: #1670C0 So when I use the shortcode generator, at the very end it asks me for a extra class & there’s a box… what do I put in the box to change the color? http://www.fornorealty.com

  Thanks so much! Jay (i think the std blue on your button is #00BEF6)

  December 16, 2013 at 6:50 pm #37500
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  What you want to do is add the following extra class when you add the shortcode:

  custom-blue

  Then add the following custom css:

  a.sf-button.sf-icon-reveal.custom-blue {
  background: #1670C0;
  }

  Hope that helps!

  – Ed

  December 18, 2013 at 6:58 am #37877
  thinkjay

  Member

  Post count: 9

  Thanks so much Ed

  December 18, 2013 at 1:41 pm #38129
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  You’re welcome!

  – Ed

  January 1, 2014 at 7:43 pm #39799
  thinkjay

  Member

  Post count: 9

  Hi Ed, what’s the extra class if I also want to change the font to say a Arial bold? Thanks, Jay

  January 3, 2014 at 12:26 pm #40017
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  You could do something like this:

  arial-bold

  Then add the following custom css:

  a.arial-bold {
  font-family: "Arial Black";
  }

  Hope that helps.

  – Ed

• Back to forum

  Posted in: Dante