Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #6418


    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!



    add following code to css/custom.css to change the default button color:

    .avia-button {
    background-color: #A258C4;
    border-color: #A258C4;


    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!




    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.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Chnage colour of button used in shortcodes’ is closed to new replies.