CMS Development

AShairzay
Mitwirkender/Mitwirkende

Is it possible to modify the CTA Button style options in the dropdown?

lösung

Or can they only be styled with the custom class field? The Button style dropdown already has an option for "Primary", and it would be great to add styles like "Secondary", "Tertiary", etc so the team doesn't have to remember to apply the right CSS classes.

1 Akzeptierte Lösung
DanielSanchez
Lösung
Autorität | Platinum Partner
Autorität | Platinum Partner

Is it possible to modify the CTA Button style options in the dropdown?

lösung

Hi,

 

You can edit the CSS within the CTA itself. But you won't have created pre-styles to make it easier for you to create new CTAs. Unless they clone that version that defined the internal style.

css.PNG

 

 

But you can create pre styles to classes to use in Custom CSS Class. You can change in your CSS File in Design Manager (the better way), or in settings of your domain (settings > website > pages). Example:

css-class.PNG

 

 

 

 

 

And in CTA configuration, you change the CTA style only changing the class. (black-cta, yellow-cta, etc..).

ctaaa.PNG

 

Did this post help solve your problem? If so, please mark it as a solution.

Best! 🙂

 

Lösung in ursprünglichem Beitrag anzeigen

4 Antworten
AShairzay
Mitwirkender/Mitwirkende

Is it possible to modify the CTA Button style options in the dropdown?

lösung

Got it, thanks!

0 Upvotes
AShairzay
Mitwirkender/Mitwirkende

Is it possible to modify the CTA Button style options in the dropdown?

lösung

So there's no way to modify the options in the Button style dropdown itself? A theme file in Design Manager or something?

0 Upvotes
DanielSanchez
Lösung
Autorität | Platinum Partner
Autorität | Platinum Partner

Is it possible to modify the CTA Button style options in the dropdown?

lösung

Hi,

 

You can edit the CSS within the CTA itself. But you won't have created pre-styles to make it easier for you to create new CTAs. Unless they clone that version that defined the internal style.

css.PNG

 

 

But you can create pre styles to classes to use in Custom CSS Class. You can change in your CSS File in Design Manager (the better way), or in settings of your domain (settings > website > pages). Example:

css-class.PNG

 

 

 

 

 

And in CTA configuration, you change the CTA style only changing the class. (black-cta, yellow-cta, etc..).

ctaaa.PNG

 

Did this post help solve your problem? If so, please mark it as a solution.

Best! 🙂

 

DanielSanchez
Autorität | Platinum Partner
Autorität | Platinum Partner

Is it possible to modify the CTA Button style options in the dropdown?

lösung

Hi @AShairzay ,

 

You can define the styling for different classes in your site's CSS (requires HTML and CSS knowledge). And then in the CTA drop-down list, check the option in style and just link the name of the desired class. 🙂

 

ctaa.PNG

 

Did this post help solve your problem? If so, please mark it as a solution.

Best!