Button Style/Color

[larrycardale]

How can I add an extra button color other than the colors provided (e.g. alert, secondary)? I would like to add a fourth color without changing any of the other colors.

Thanks,
Larry

[Laura]

Hello, i do not understand what you mean, what color do you want to change? Please share a screenshot if you can 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[larrycardale]

Here’s a screenshot… Sorry I thought I already sent the image and didn’t realize I needed to add a message.

Attachments:

You must be logged in to view attached files.

[maelga]

I’m also interested in this as I’m trying to change buttons colors but can’t get my style.css to override app.css
And I’m not keen to change the code in app.css to avoid getting my work lost with future theme updates.
So creating a new style sounds like an option to me.

[kleo_button url="" style="{standard|secondary|success|alert}" size="{standard|large|medium|small|tiny}" round="{0|radius|round}" icon="{0|fontawesome-icon},{before|after}" target="_self"] Button Text [/kleo_button]

[Laura]

Hello, this can be done adding a div with a class like

COPY CODE

<div class="buttonone"> shortcode here </div>

then a css code like

COPY CODE

.buttonone {
background-color:yellow;
}

I can create better styling if you give me a link 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[maelga]

Thanks Laura.

It does Not override the button color though.

My code is:

<div class=”buttonred” >
[kleo_button url="register" style="alert" size="large" round="radius" icon="0,before" target="_self"] Sign up for FREE! [/kleo_button]</div>

Please see the result in the image attached.

Any other possible way to get rid of that pinky button background?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please share a link so i can fix it 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts