I am trying to make a button with round corners, using a custom CSS. I am able to change color, border-color, and so on, but when i try to change the border-radius, using !important, it does not accept. What do i have to do to make this !important to work, or if there is another way to reach the result.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello,
I am trying to make a button with round corners, using a custom CSS. I am able to change color, border-color, and so on, but when i try to change the border-radius, using !important, it does not accept. What do i have to do to make this !important to work, or if there is another way to reach the result.
kind Regards
Hey C,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body[data-button-style*="slightly_rounded"] button.btn-fale-consultor.btn.button-block { border-radius: 0px !important; }Thanks
ThemeNectar Support Team
Thank you so much. it works.
Congrats for the amazing work with the theme and fastest support. Well done.