Topic: How to set btn-secondly with colored text globally?
I tried to make a button in style like on MDBootstrap.com web-site (btn-secondary). Where was used light-blue background and dark blue text. I tried to set this globally in theme style. But there only two-three global colors.
How to setup btn-secondary with dark my secondary color(not white or black color) globally?
I want to type 'btn btn-secondary' and to get orange background btn with dark orange text...
And give me please an example how to set a theme correctly?
Our theme tools will automatically use color contrast function to apply black or white text to the buttons (depending on the background color). We are currently working on some improvements for our theming tools but the new version is not ready yet.
If you need to create a custom background and color for secondary buttons, you could just override the btn-secondary styles in your styles.scss file (this will make these styles global):
.btn-secondary {
color: your_color
background: your_background
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 5.0.0
- Device: Desctope
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No