Custom colour call to action button - by Paycheck85

This topic has 8 replies, 3 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

  • Avatar: Paycheck85
    Paycheck85
    Participant
    December 14, 2016 at 12:41

    Is it possible to give this button a custom color instead of the main colours?
    https://gyazo.com/767785382c0f7049375b0d658554d61c

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 14, 2016 at 13:06

    Hello,

    Please see screenshot http://prnt.sc/djat7p

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    December 14, 2016 at 14:01

    Thanks but what i mean is a custom color like: #FCDC81

    Avatar: Eva
    Eva Kemp
    Support staff
    December 14, 2016 at 16:01

    Hello,

    Please show a page where you want to modify button color.

    Regards,
    Eva Kemp.

    Avatar: Paycheck85
    Paycheck85
    Participant
    December 14, 2016 at 16:48
    Avatar: Eva
    Eva Kemp
    Support staff
    December 14, 2016 at 19:00

    Hello,

    Please add this code in Global Custom CSS:

    .vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern {
       border-color: #FCDC81 !important;
       background-color: #FCDC81 !important;
    }

    Regards,
    Eva Kemp.

    Avatar: Paycheck85
    Paycheck85
    Participant
    December 15, 2016 at 09:48

    Great thank you, the white tekst of the word ”contact’ can not read it well because of the color white. Can i change it to another color for example grey ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 15, 2016 at 10:28

    Hello,

    Try to add color: grey; in previous code
    and this code in Global Custom CSS:

    .vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern:hover {
        color: grey;
    }

    Regards,
    Rose Tyler.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.