How to add padding to topbar button

[JMKeller600]

I have figured out how to add a CTA button to my topbar. I would like to be able to add some padding to the bottom of the button so it is more centered. I can’t figure out how to do that.

Here is my button code: APPEARANCE -> CUSTOMIZE -> HEADER -> TOPBAR CONTENT
[button type=“real” shape=“rounded” size=“mini” href=“https:/hi-fold.com/request-a-quote/” title=“Request A Quote”]Request A Quote[/button]
1-800-443-6536 <a href="mailto:sales@localhost?subject=“Hi-Fold.com Information Request”>sales@localhost

[mldarshana]

Hi Julie,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.x-topbar .x-btn {
    margin-bottom: 20px;
}

Thanks!

[JMKeller600]

Thank you so much for the help!
This is exactly the inspiration I needed. I changed it to margin-top: -13px; and it centered the button perfectly.

Thank You!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.