[Brad]

How do I add padding on either side of the text in my CTA buttons? I’m using the Crio theme.

Here’s an example: https://ibb.co/hxNkT3fd

I’d like there to be a little bit of space on either side of the text, so it’s not bumping right up against the side of the button.

You can see the buttom\n here: https://colincantwell.com/fan-spotlight-ec-henry-angelos-karderinis-and-eric-guedes-bring-colins-star-wars-spacecraft-designs-to-life/

TIA

[Elana]

Hello Brad,

Thank you for reaching out to our support team!

To allow for more customization, you can add the below CSS to your sites customizer. Based on your previous message, I understand you’d like to remove the padding on mobile for the button. One option is to create two separate buttons—one for mobile and one for desktop—using the Post & Page Builder.

Alternatively, if you’d like to adjust the padding directly within Post & Page Builder, you can do so by clicking into the button settings and modifying the margin there.

@media (max-width:767px) {
.btn {
padding-left: 10px !important;
padding-right: 10px !important;
}
}

@media (min-width: 768px) {
.btn{
padding-left: 40px !important;
padding-right: 40px !important;
}
}

Thanks

[Author]

Posts