Change colors in buttons

[wisinyyandel7]

Hi @sqadmin,

Can you please help me asap?
How can I change the colour of this button: [/kleo_button] [kleo_button url="http://gmate.co/reasons-to-join/" style="alert" size="large" round="radius" icon="0,before" target="_self"] Reasons to join [/kleo_button] ?

This is the one in the homepage, I have been trying to do that, but I can’t find the option in the sweetdate template.

Is it possible to change the colours of some buttons for separated? How can I do that?

Thanks

[Abe]

Changing individual buttons that aren’t covered by the theme styling options should be customized using CSS. You can inspect site elements using Chrome Inspect element feature.

That particular one can be customized using this CSS

COPY CODE

#call-to-actions .alert {
    background-color: #FF0461;
    border: 1px solid #FF0461;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[wisinyyandel7]

Thank you so much.
I appreciate it.

[wisinyyandel7]

I did and it changed the colour from pink for the colour that I want, but when I hover the button with the mouse, the colour goes pink again.
I put the code in Style.css file.

Can you please help me how to fix the hover colour as well?

Thanks

[Abe]

For the hover this is the CSS

COPY CODE

#call-to-actions .alert:hover, #call-to-actions .alert:focus {
    background: none repeat scroll 0 0 #ED0058;
    border: 1px solid #ED0058;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts