Adding some space between buttons

  • Resolved Scott

    (@midipedalboards)


    3 years ago

    I have Amazon Pay and PayPal setup and working well with Woocommerce.

    What I want done has nothing really to do with the actual buttons on my Cart page. Instead I just need to put some CSS or HTML or something somewhere to separate the two buttons a little bit. On mobile devices and tablets it’s too easy to tap the wrong one.

    I just don’t know what file to edit. I am comfortable with html but have never really worked with CSS. I don’t even know which one applies to creating this space. It’s basically a couple of line breaks that I need inserted below the PayPal button.

    This shouldn’t take more than 3 mins to do if I knew what file to edit and get some help with CSS if that applies.

    https://midipedalboards.com/wp-content/uploads/2021/04/8B9B9F25-F728-4B84-A094-E5A3741D123F.jpeg

    The space between the two buttons is what needs enlarged a bit.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Syde Niklas

    (@niklasinpsyde)

    3 years ago

    Hey @midipedalboards,

    Could you please try this CSS?

    #ppc-button  {
margin-bottom: 10px;
}

    You can also use a % value instead of px.
    Here you can find more information on this CSS property.

    To use it, open your cart, then click on Customizer in your top admin bar.
    Then go to additional CSS and paste this code.
    It will apply to the product page and the cart.
    Some themes also allow you to add special CSS for mobile devices only.

    Kind regards,
    Niklas

    Thread Starter Scott

    (@midipedalboards)

    3 years ago

    Outstanding Niklas.

    Worked like a charm and the 10px was even the perfect size.

    Much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding some space between buttons’ is closed to new replies.