Chnage colour of button used in shortcodes « Support Forum | Kriesi.at

Chnage colour of button used in shortcodes

4 posts from 3 voices

Tags:

No tags yet.

Lesley101
Member

Hi,

I'd like to change the colour of the buttons I've used through the shortcodes, not to a default coulour though, where can I amend the code to add a hex colour (at the moment I have all buttons showing as purple but would like to change the default colour of purple to #45bcd2 so I don't have to manually change each instance of the button colour through out the site).

Thanks in advance!

Posted 1 year ago #
Dude
Dude
Hey,
add following code to css/custom.css to change the default button color:
```
.avia-button {
    background-color: #A258C4;
    border-color: #A258C4;
}
```
Posted 1 year ago #
Lesley101
Member

Thanks for the quick reply. I made changes as above but the colour is still showing as purple, if you could take another look that would be great!

Cheers

Posted 1 year ago #
Chris Beard
Hey,
when creating a button using the "magic wand" for shortcodes you can choose to add a class for your button, you can pick all sorts of styles like silver pink purple teal aqua green orange and red.
To manually change the color go back in your custom.css and do as Dude said, however this time add !important, like so:
```
.avia-button {
    background-color: #000 !important;
    border-color: #fafafa !important;
}
```
You can of course change the hex color codes to your liking.
Posted 1 year ago #

You must log in to post.