PayPal button issue - by great2020 - on WordPress WooCommerce support

This topic has 8 replies, 4 voices, and was last updated 3 years, 7 months ago ago by Rose Tyler

  • Avatar: great2020
    great2020
    Participant
    August 20, 2020 at 13:20

    https://sodbeauty.com/product/blossoming-face-wash/
    I need the PayPal button bellow the Add to cart
    and now i having issue with the mobile phone that it looks not good.

    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 20, 2020 at 15:05

    Hello,

    Provide us with temporary WP Dashboard access to your site to help you with the PayPal button.
    Also, provide screenshots of the issues on mobile. What exactly do you want to change?

    Regards

    Avatar: great2020
    great2020
    Participant
    August 22, 2020 at 15:35

    sure (all the info at the private area)

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 23, 2020 at 12:10

    Hello,

    Please check credentials https://prnt.sc/u4e7i3
    Describe the desired displaying in detail, what exactly should be changed?

    Regards

    Avatar: great2020
    great2020
    Participant
    August 23, 2020 at 16:08

    At the private content

    Please contact administrator
    for this information.
    Avatar: John Holden
    John Holden
    Support staff
    August 24, 2020 at 05:35

    Hi,

    Use below code

    .single-product .single_product-html_block,
    .single-product .single-product-builder form.cart{
    	display: inline-grid;
    }
    
    .single-product .et_connect-block{
    	display: block;
    }
    
    .single-product .woo_pp_cart_buttons_div #woo_pp_ec_button_product{
    	margin-top: 20px;
    }

    Regards,
    Hung PD

    Avatar: great2020
    great2020
    Participant
    August 26, 2020 at 07:35

    The css code messing up the header.
    you can see the header where the cart and the search on the right in the desktop
    this is what messing it up:
    .single-product .et_connect-block{
    display: block;
    }

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 26, 2020 at 12:27

    Please change the previous code to:

    .single-product .single_product-html_block,
    .single-product .single-product-builder form.cart{
    	display: inline-grid;
    }
    .single-product .et_product-block .et_connect-block{
    	display: block;
    }
    .single-product .et_product-block .woo_pp_cart_buttons_div #woo_pp_ec_button_product{
    	margin-top: 20px;
    }

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.