Viewing 4 replies - 1 through 4 (of 4 total)
  • Stef

    (@serafinnyc)

    Hello @renovomotors I can get you close, but not exact with the top of each button. I don’t have a lot of time. So you can find a way to align them better great.

    @media only screen and (min-width:60rem) {
    .woocommerce-checkout .express-divider,
    #fkwcs-payment-request-separator{
    display:none !important;
    visibility:hidden !important;
    }


    .fkwcs_stripe_smart_button_wrapper.checkout{

    }

    .wc-ppcp-express-checkout{
    margin-left:2.5rem !important;
    position:relative
    }

    .fkwcs_stripe_smart_button_wrapper.checkout,
    .wc-ppcp-express-checkout{
    width:48%;
    display:inline-block !important;

    }
    }

    Add this to your Additional CSS inside the Customizer or your Child theme’s style sheet.

    Thread Starter Prithvi

    (@renovomotors)

    Hey Stef im really sorry but i tried to change those numbers many times to align them but its not happening. please help me out aligning them. im running google ads on them bro please

    https://ibb.co/mqQ7RWt

    Thread Starter Prithvi

    (@renovomotors)

    could you also give some space between these two buttons?

    https://ibb.co/c6jdkfS

    Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    Hi there!

    Generally we do not provide support for custom CSS Code. However, making an exception to align your express buttons on checkout page, you can use this following CSS code.

    @media only screen and (min-width: 60rem){
    .woocommerce-checkout .wc-ppcp-express-checkout {
    vertical-align: top !important;
    }
    }

    Issue regarding add some space between add to cart button and pay with link button you can use the following css code.

    @media only screen and (min-width: 980px){
    .single-product div#fkwcs_stripe_smart_button_wrapper {
    margin-top: 10px;
    }}

    I hope this helps.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.