• Resolved Tomi

    (@tomitech)


    The top of the PayPal button and the button of the checkout button touch, and it looks unprofessional. I am referring to the buttons that are in the dropdown ‘menu’ from the cart button. I would like there to be a space, as much as there is between the view cart and checkout button. I’ve attached a picture below. I tried the code at the bottom, but it didn’t seem to do anything. Granted, it is from a themes forum. Maybe I need to go there for my own theme?

    https://ibb.co/dMCL8MW

    @media (min-width: 980px){
    .woo_pp_cart_buttons_div {
        float: right;
        margin-top: -45px;
    }
    }
    @media (max-width: 979px){
        .woo_pp_cart_buttons_div {
            margin-top: 45px;
            float: none;
            width: 100%;
            text-align: center;
        }
        .woo_pp_cart_buttons_div > span {
            float: none !important;
        }
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • Please post the address of your site so the markup and styles can be examined with browser tools.

    Thread Starter Tomi

    (@tomitech)

    tomitechnologies.com

    Thanks

    The css in the top post is addressing the two PayPal buttons under the Add-To-Cart button.

    Try this for the header cart:

    .nav p.woocommerce-mini-cart__buttons {
      margin-bottom: 7px;
    }

    Custom css can be entered at:
    Dashboard > Appearance > Customize > Additional CSS

    Thread Starter Tomi

    (@tomitech)

    This worked perfect, Thank You very much lorro!

    This is the first thing I have in additional CSS.
    Will it be erased if the theme updates?
    I do have a child theme.

    CSS in:
    Dashboard > Appearance > Customize > Additional CSS
    is not erased if you update your theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Payment button is flush with checkout button’ is closed to new replies.