Docs

[fatheaddrummer]

Hi There,

Is it possible to give my cta a custom color? For the button AND the text?

Thanks a loT!

https://www.diamond-precision-studio.com/en/online-drumming-2/

Best, Christian

[Christian]

Hey there,

Please add the code below in your page’s custom CSS

/* Button */

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
    color: black;
    background: red;
    border: 1px solid red;
}

/* Headline */

.vc_general.vc_cta3.vc_cta3-color-peacoc.vc_cta3-style-classic .vc_cta3-content-header {
    color: blue;
}

/* Content */

.vc_general.vc_cta3.vc_cta3-actions-top .vc_cta3-content {
    color: green;
}

Thanks.

[fatheaddrummer]

Thanks a lot!!

What exactly will this code do? Will this be applied to all cta’s on this page? And how can I set the color I want?

Thank you so much for helping me out!
Best, Christian

[Christian]

It’ll change the color or your text and button and also your button’s background in that page.

Thanks.

[fatheaddrummer]

Thank you very much! It works well on the first page, but I tried to implement the same thing on another page: Now only the button color changes but not the text:
https://www.diamond-precision-studio.com/de/musik-aufnehmen-2/

What can I do to implemet this code on different pages in the future?

Thank you so much for the awesome support!

Best, Christian

[Christian]

Try using

.vc_btn3 {
    background-color: red !important;
    border-color: red !important;
    color: black !important;
}

.vc_cta3-content-header h2 {
    color: blue !important
}

.vc_cta3-content {
    color: green !important;
}

Thanks.

[fatheaddrummer]

Thank you very much!

We’re getting close, but still some text remains green…
Any more advice? https://www.diamond-precision-studio.com/de/musik-aufnehmen-2/

Thanks a lot!

Best, Christian

[Rupok]

Hi Christian,

Are you referring the h4 element? It would be better if you change the color from editor instead of applying CSS for this.

Thanks!

[fatheaddrummer]

But the h4 can’t be edited in any editor?! There’s just a single field for text?!

Thanks!

Best, Christian

[Joao]

Hi There,

Add the following code and adjust the color according to your wishes.

.vc_general.vc_cta3 h4 {
    color: red !important;
}

Hope it helps

Joao

[Author]

Posts