bootstrap button font style

A12 Web Studio
5 Posts
A12 Web Studio posted this 6 days ago

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 6 days ago

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 5 days ago

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 5 days ago by A12 Web Studio

Support Team
Support Team posted this 5 days ago

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 4 days ago

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 4 days ago

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 4 days ago

thanks

thanks
You must log in or register to leave comments