Class - link button - Support Central

Class - link button

kontam

Hi,
I found a lot of style options to set colour to text or text background e.g. class="bg-success bg-black bg-dark". But I cannot find any kind of link buttons as it is used in wordpress styles or gantry framework for joomla .

How is it possible to add a class for links like <a href="#" class="button">Default Button</a> ? See example in screenshot.

saguaros

kontam Hi

This template is built with Bootstrap, you can add quite the same classes like that: https://getbootstrap.com/docs/5.0/components/buttons/

kontam

I see, but even when I use the bootstrap class to get some rounded outline buttons like the example in screenhsot
https://mdbootstrap.com/docs/standard/components/buttons/
which should work with

class="btn btn-outline-primary btn-rounded"

the button is not rounded and font is as little and hard to read as before. How can the CSS, that prevent the normal bootstrap design be disabled for buttons?

saguaros

kontam You can share the super admin account of your site and tell me the part that you add this class so I can check.

saguaros

kontam https://mdbootstrap.com/docs/standard/components/buttons/

This is 3rd party site, not Bootstrap official page so we don't support style like there.

With default Bootstrap, you should use this class: rounded-pill instead of btn-rounded.

kontam

This message is visible to Moderators only

hidden content

kontam

That´s good! But still the fontsize is hard to read. How can the blokk CSS, that defines buttons with little capital letters and large
(cell)padding around be changed? Even the standard bootstrap buttons have larger font size and less padding. The standard bootstrap look would be enough for the use on the website.

saguaros

I think you can customize style as you wish:

a.btn.btn-outline-primary.rounded-pill {
/*your custom style goes here*/
}