Home › Forums › WoodMart support forum › Custom CSS for paypal express on product page

Custom CSS for paypal express on product page

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 28, 2019 at 5:08 pm #165296

    Rickown
    Participant

    Good evening Xtemos Team,

    I’ve been trying to get a Paypal Express button in the right place for a while now. I hope you can help me with this. I am curious if you can place the Buy Now button of Paypal to the Add to Cart button.

    Thanks in advance.

    Gr. Rick

    December 28, 2019 at 5:39 pm #165302

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-tltp .woodmart-tooltip-label, 
body .tooltip{
text-transform:none;
}

body .product-image-summary .woodmart-after-add-to-cart, 
body .product-image-summary .woodmart-before-add-to-cart{
    clear: both;
}

    Best Regards

    December 28, 2019 at 6:30 pm #165307

    Rickown
    Participant

    Hello,

    Thanks for your reaction. After placing the code, nothing happens on the product page? I would like to have the paypal button next to the ADD TO CART button.

    Gr. Rick

    December 28, 2019 at 9:52 pm #165315

    Elise Noromit
    Member

    Hello,

    Sorry, I have copied the wrong CSS. Please replace with this one: 

    body #paypal-button{
width:50%;
float:right
}
body .product-image-summary .woodmart-after-add-to-cart, 
body .product-image-summary .woodmart-before-add-to-cart{
    clear: both;
}

    Best Regards

    December 29, 2019 at 1:11 pm #165396

    Rickown
    Participant

    Hello,

    I’ve added the CSS code but the button won’t appear next to it. It also directly adjusts the code for the shopping cart. Can you help me with this?

    On the product page I would like to have it next to the ADD to Cart button.

    Thank you

    December 29, 2019 at 2:33 pm #165409

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area

    Best Regards

    December 30, 2019 at 6:01 pm #165632

    Rickown
    Participant

    Hello,

    Done.

    Best Regards.

    December 30, 2019 at 9:29 pm #165657

    Elise Noromit
    Member

    Hello,

    Please provide the screen of the code which you have added, I want to see if there are any errors which may occur if you have copied the code just from the main. Please copy from the forum and try again. I cannot log in your site https://prnt.sc/qholsr

    Best Regards

    January 1, 2020 at 3:42 pm #165816

    Rickown
    Participant

    Hello,

    Happy New Year! I’ve re-inserted the login details. Now it should work.

    January 1, 2020 at 8:35 pm #165828

    Elise Noromit
    Member

    Hello,

    Happy New Year!

    Remove or correct this code: https://prnt.sc/qi8hv8 then add the provided code and check again.

    Best Regards

    January 2, 2020 at 5:58 pm #165986

    Rickown
    Participant

    Hello,

    I did, but the situation remains the same.

    Best Regards

    January 2, 2020 at 11:28 pm #166010

    Elise Noromit
    Member

    Hello,

    Now Custom CSS does not work I cannot view them. Switch to the parent theme and add this code.

    body #paypal-button{
width:50%;
float:right
}
body .product-image-summary .woodmart-after-add-to-cart, 
body .product-image-summary .woodmart-before-add-to-cart{
    clear: both;
}
body .product-image-summary .cart {
    width:50%;
	float:left;
}

    Best Regards

    January 3, 2020 at 6:12 pm #166147

    Rickown
    Participant

    Why doesn’t the Custom CCS suddenly work more than… I would like a solution of I work with a child theme.

    January 3, 2020 at 6:21 pm #166148

    Rickown
    Participant

    Sorry about my English. I’m asking for a small adjustment here and I’m told I can’t use my CHILD THEME anymore. I would like to use this in order to update it in the future.

    January 3, 2020 at 8:35 pm #166174

    Elise Noromit
    Member

    Hello,

    HTML structure does not allow to put the button just after Add to cart button. All that is possible with CSS is shown here: https://prnt.sc/qj1bus

    In order to do what you want it is necessary to customize the product page template that is not covered by our support.

    Best Regards

    January 3, 2020 at 10:09 pm #166186

    Rickown
    Participant

    Okay, thanks for explaining. But I can’t even run a css code now. Anything I do now won’t be redirected to the website. Would you look at that?

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Custom CSS for paypal express on product page’ is closed to new replies.