Docs

[fatheaddrummer]

Hi There could you please help me changing the cta button color?

I’ve already added this custom css to the specific page, but it doesn’t work:

/* Button */

.vc_btn5-container.vc_btn5-center .vc_btn5-block.vc_btn5-size-lg {
    color: #ffffff;
    background: #c28c47;
    border: 1px #c28c47;
}

/* Headline */

.vc_general.vc_cta5.vc_cta5-color-peacoc.vc_cta5-style-classic .vc_cta5-content-header {
    color: #c28c47;
}

/* Content */

.vc_general.vc_cta5.vc_cta4-actions-top .vc_cta5-content {
    color: grey;
}

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

Thank you sooo much!

Best, Christian

[Rad]

Hi there,

Thanks for writing in.

Which CTA? Your CSS only targets vc_cta5, but there is no vc_cta5 on your provided URL. It could be unique, perhaps, you’re referring to vc_cta3? In that case, please change your CSS’s vc_cta5 to vc_cta3.

Thanks!

[fatheaddrummer]

Hi There,

I changed it to vc_cta5 because I wanted to try something out. Before that I had it on vc_cta3, which also didn’t work. It works on other pages but not on this one for what ever reason….any ideas?

Thank you very much!
Best, Christian

[Rad]

Hi there,

It’s pulling the CSS from Autoptimize cache. Hence, your changes will not take effect, please clear it’s cache and test it.

And please update your CSS to this,

/* Button */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #ffffff;
    background: #c28c47;
    border: 1px #c28c47;
}
/* Headline */
.vc_general.vc_cta3 h2, .vc_general.vc_cta3
h4 {
color: #c28c47;
}
/* Content */
.vc_general.vc_cta3 .vc_cta3-content>:last-child, .vc_general.vc_cta3 .vc_cta3-icons>:last-child {
color: grey;
}

Cheers!

[fatheaddrummer]

Thank you very much!

I’ve deactivated autoptimize for the moment, but still the button doesn’t change its color 🙁
Any more advice?

Thank you very much!

Best, Christian

[Paul R]

Hi,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[fatheaddrummer]

This reply has been marked as private.

[Christopher]

Hi there,

I tried the code and it worked fine, please see the attachment.
Please add custom code and check again.

Thanks.

[fatheaddrummer]

Yeah that works! I always put the code into the page specific css…

Thank you very much!!

Best, Christian

[Thai]

You’re most welcome 🙂

[Author]

Posts