Hello. How can I control the spacing/padding within a button? I am referring to the space between the text inside the button and the edge of the button. I feel there is too much spacing inside the buttons and would like to reduce it for both the large and medium size buttons. Thank you.
I will also need this for the Jumbo button as well.
And also, how do you control the font size of each button size? I tried changing the size in Nectar Specific Elements > Nectar Button, but no matter what font size I chose, it never changed, even after clearing my cache. Thank you.
- The font size is dependent on the Size of the Button, the typography settings applies to regular buttons only.
- The internal padding would have to be adjusted via CSS
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello. How can I control the spacing/padding within a button? I am referring to the space between the text inside the button and the edge of the button. I feel there is too much spacing inside the buttons and would like to reduce it for both the large and medium size buttons. Thank you.
I will also need this for the Jumbo button as well.
And also, how do you control the font size of each button size? I tried changing the size in Nectar Specific Elements > Nectar Button, but no matter what font size I chose, it never changed, even after clearing my cache. Thank you.
Hey Again,
- The font size is dependent on the Size of the Button, the typography settings applies to regular buttons only.
- The internal padding would have to be adjusted via CSS
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body.material .nectar-button.medium, body.material .nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) { padding-left: 14px !important; padding-right: 14px !important; } body.material .nectar-button.jumbo:not([class*=see-through]) { padding: 23px 20px !important; }Thanks
ThemeNectar Support Team
Perfect. Thank you!!