Modal button text color issue

[maximearmstrong]

Hello!

I made a custom button color. Everything works fine, except when I apply the custom color to a modal button… The text color is not recognized.

here’s my custom code :

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

a.sf-button.custom-yellow:hover {
background-color: #ede263;
}

My website is http://www.pluriels.ca and the modal button is in the footer, as a widget.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

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

#footer a.sf-button.custom-yellow:hover {
background-color: #ede263;
}

Thanks
Mohammad

[maximearmstrong]

Thanks! 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad

[a1astair]

Hi,

I’d like to also create custom button colors for my site, similar to the above.

I have 2 colours that I would like to use.

Could you please show me how I should adapt the above code for the 2?

The two hex colours are:
fbcb43 for normal and e25049 for hover
e57368 for normal and for hover f4b822

If you could also let me know exactly what I should enter into the button short code to make sure that the button knows to pick up the custom CSS, that would be great.

And when generating the button shortcode, should I just use the ‘accent’ color and will the custom CSS then override?

Thank you for all of your help

[Mohammad – SUPPORT]

Hi,
Please always provide me specific page url with two buttons.
Thanks
Mohammad

[a1astair]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I need one screenshot mockup image to get your desire changes exactly.
Thanks
Mohammad

[a1astair]

Hi Mohammad

After quickly mocking it up, I’d like the three colours to just appear as the hover states for the three options.

So the regular form will still be the transparent button, and each of the hover states will be as per the mock-up attached

Would that be possible?

Thank you for all of your help,

Alastair

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use these button http://dante.swiftideas.net/shortcodes/buttons-social-icons/. Hope that should help to you.

Thanks
Mohammad

[a1astair]

Hi Mohammad,

Those buttons aren’t quite the same as the colors that I would like to use

If I want to change just the hover state for a transparent button, can I use the code similar to the maximearmstrong’s above?

a.sf-button.custom-yellow:hover {
background-color: #ede263;
}

If so, could you please let me know exactly what i should put into the ‘Button extra class’ field when I generate the button?

Thank you

[Mohammad – SUPPORT]

Hi,
You need to put only custom-yellow in button extra class.
Thanks
Mohammad