Custom CSS for paypal express on product page

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

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

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

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

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

Hello,

Please provide the site admin access to the private area

Best Regards

Hello,

Done.

Best Regards.

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

Hello,

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

Hello,

Happy New Year!

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

Best Regards

Hello,

I did, but the situation remains the same.

Best Regards

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

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

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.

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

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