Topic: Button with stacked fontawesome
vgs pro asked 6 years ago
<button type="button" class="btn" > <span class="fa-stack"><i class="fa fa-shopping-cart fa-stack-2x" style="color:#000000"></i><i class="fa fa-check fa-stack-1x" style="color:#000000"></i></span> </button>places the checkmark below the cart, see: sample It seems it has something to do with the css position property, but do you have any idea how I can fix this behavior? I dont want to set hardcoded padding / margin, as the button might have a variable size. Thank you in advance,
Marta Wierzbicka staff answered 6 years ago
.fa-stack
. You can remove this part of code below from _buttons.scss file and then you will have default Font Awesome settings:
.fa { font-size: 1rem; position: relative; vertical-align: middle; margin-top: -2px; }Best, Marta
Marta Wierzbicka staff answered 6 years ago
vgs pro answered 6 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes