bootstrap button font style

A12 Web Studio
5 Posts
A12 Web Studio posted this 13 April 2019

Hi,
I would like to customize bootstrap buttons but I cant.
I mean, I would like to change the font colour, font weight and other stuff related to the text, I can I do it?
Thanks
Nancy

Hi, I would like to customize bootstrap buttons but I cant. I mean, I would like to change the font colour, font weight and other stuff related to the text, I can I do it? Thanks Nancy
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 13 April 2019

Hello Nancy,

Could you please specify whre your button is?

Themler has button controls for buttons added via Insert menu tab:

button.png

Gina
Themler Support

Hello Nancy, Could you please specify whre your button is? Themler has button controls for buttons added via Insert menu tab: !button.png! Gina Themler Support
A12 Web Studio
5 Posts
A12 Web Studio posted this 14 April 2019

Thank for your answer, but as I meant BOOTSTRAP BUTTONS.
I'm editing a Joomla template and I want to edit the font of the bootstrap button, but there is no such option. The pic you posted is for "regular" themler button, not bootstrap-button option.

See my the images I've attached.
I would like to edit the font of all the bootstrap buttons:
default
primary
success
info
warning
danger
link

Thanks
Nancy

Thank for your answer, but as I meant BOOTSTRAP BUTTONS. I'm editing a Joomla template and I want to edit the font of the bootstrap button, but there is no such option. The pic you posted is for "regular" themler button, not bootstrap-button option. See my the images I've attached. I would like to edit the font of all the bootstrap buttons: default primary success info warning danger link Thanks Nancy

Last edited 14 April 2019 by A12 Web Studio

Support Team
Support Team posted this 14 April 2019

Sorry for misunderstanding. Font cannot be edited in Themler for such buttons. You can though add custom code to Home -> Settings -> Additional CSS using bootstrap classes for buttons:

.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark, .btn-link {
font-family:Arial!important;
font-size:14px!important;
font-weight:normal!important;}

Gina

Sorry for misunderstanding. Font cannot be edited in Themler for such buttons. You can though add custom code to Home -> Settings -> Additional CSS using bootstrap classes for buttons: .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark, .btn-link { font-family:Arial!important; font-size:14px!important; font-weight:normal!important;} Gina
A12 Web Studio
5 Posts
A12 Web Studio posted this 15 April 2019

Thanks,
and what about the other options, such as:
color
background-color
border-color

can be editing in Themler for any of the bootstrap buttons: .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark, .btn-link ?

Thanks
N

Thanks, and what about the other options, such as: color background-color border-color can be editing in Themler for any of the bootstrap buttons: .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark, .btn-link ? Thanks N
Support Team
Support Team posted this 15 April 2019

No, bootstrap has predefined styles for every kind of a button. You can see that selecting button type, changes style on default:

buttons-bst.png

You would need to add extra CSS to override this.

Gina
Themler Support

No, bootstrap has predefined styles for every kind of a button. You can see that selecting button type, changes style on default: !buttons-bst.png! You would need to add extra CSS to override this. Gina Themler Support
A12 Web Studio
5 Posts
A12 Web Studio posted this 15 April 2019

thanks

thanks
You must log in or register to leave comments