Button Extra Class Color Change?

[thinkjay]

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

[Melanie – SUPPORT]

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 🙂

[Melanie – SUPPORT]

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.

[thinkjay]

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)

[Swift Ideas – Ed]

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

[thinkjay]

Thanks so much Ed

[Swift Ideas – Ed]

You’re welcome!

– Ed

[thinkjay]

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

[Swift Ideas – Ed]

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