[Support request] How do I add padding around buttons so they don't touch each other in site hero?

Home Forums Support How do I add padding around buttons so they don't touch each other in site hero?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1007315
    rossnmia

    I need to add css code to add some padding around buttons so when they are bunched together on two lines in my site hero they have gaps between the two lines of buttons please? I can adjust line height but that does not apply to buttons. If I can add a transparent border that would be great.

    Thanks

    Mia

    #1007398
    David
    Staff
    Customer Support

    Hi there,

    If this is your markup:

    <a href="#" class="button hero-button">Button 1</a>
    <a href="#" class="button hero-button">Button 2</a>

    They will be displayed inline. To put some space between them horizontally:

    .hero-button {
        margin-right: 15px;
    }

    If you want them stacked:

    .hero-button {
        display: block;
        margin-bottom: 15px;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.