How to extend the colors of a call to action button?

[mhutinet]

Hi everyone,

I had a question regarding the call to action buttons. When adding one, there is a fix amount of color already defined, however it’s not exactly what we want. After looking in the appearance menu i found out that the color we set are correct. I tried to set a background without any color but for some reason the button doesn’t take the color predefined in the appearance menu.

Also, after inspecting the elements the call to action button don’t seem to be bootstrap element.

Is there a way to add a specific color without having to integrate the button in HTML/CSS ? The goal would be to have generic button that users can then add in the futur without specific web dev knowledge.

Thank you.

Maxime

[kplatis]

Hey Maxime,

• The call to action button colors are not set from the Appearance page since they use their own.
• If you want to extend the color option, check my answer in this post How to change the image field to include a caption and how to add more color options in the color field. For your case, you should open the Manage Form Display of the Call to Action Button and add more color option in the Background Color and Text Color.

Let me know if that works for you.

Kostas

[mhutinet]

Hey Kostas,

Thank you so much this was really helpful.

Maxime