Return to previous page

Change Single Product page padding and change size of Buy Now button

This topic has 9 replies, 3 voices, and was last updated 2 years ago ago by LMcompany

LMcompany

Participant

November 21, 2022 at 20:58

1. How can I remove or reduce the puddling of the product information area on the Single Product page? I want the text to be in line with the image.

2. How can I make the GooglePay and Buy Now purchase buttons the same as the Buy button and put them on the same line? Or at least make them the same size.

https://www.awesomescreenshot.com/image/34610478?key=5ea18f34ab54b9c3a1ba7ce6bd7b2ab3

Thank you

#339125 Copied Theme version: 8.3.5

8 Answers

Tony Rodriguez

Support staff

November 22, 2022 at 06:57

Hello, @LMcompany,

Thanks for the screenshot I have understood your issue.

1- Now, In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

.single-product-wide .product-information{padding-top:0px !important;}

Then save settings and check back to your site after clearing the browser cache.

2- Simply navigate to the Dashboard >> XSTORE >> Theme Settings >> WooCommerce >> Single Product Layout >> and enable the “Stretch Add to cart button” option from there see the image: https://postimg.cc/8j5WD9TZ then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.

#339154 Copied

LMcompany

Participant

November 23, 2022 at 10:12

Hi,
Thanks for the code, it immediately solved the problem.

2. Is it not possible to put all buy buttons in the same line?

And how can I rename the ‘ADD TO BASCKET’ button to ‘ADD TO CART’?

#339352 Copied
Tony Rodriguez

Support staff

November 24, 2022 at 06:01
Hello, @LMcompany,

1. Yes you can rename it using the theme language files, you have to Install the Loco translate plugin and then edit the theme language file and change the word as per your requirements: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

2- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.
```
@media(min-width:991px){
.product-content .variations_button{flex-wrap:nowrap !important;}}
```
Then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.
#339430 Copied
LMcompany

Participant

November 28, 2022 at 16:26

Hi, thank You.
I tried, but in the system files it says ‘add to cart’ not ‘add to basket’ https://www.awesomescreenshot.com/image/34809189?key=ec810027ffbf624817bb38bd6e7967f4.
I can’t find Add to basket to change it, but in the frontend it says Add to Basket https://www.awesomescreenshot.com/image/34809367?key=4cc4eefffda7b78b453ba1cb5dc0f76a.

Kids regards

#339920 Copied

Rose Tyler

Support staff

November 28, 2022 at 16:37

Hello,

Check the translation of the theme, Core plugin, and WooCommerce, or provide temporary wp-admin access.

Regards

#339924 Copied

LMcompany

Participant

November 28, 2022 at 17:01

Check private area.

Thank you.

Please contact administrator
for this information.

#339932 Copied

Rose Tyler

Support staff

November 28, 2022 at 17:15

Clear cache and check now, it was a translation of the WooCommerce plugin.

Regards

#339936 Copied

LMcompany

Participant

November 28, 2022 at 17:44

Thank you a lot.

Best regards

#339940 Copied
Tagged: buy now, customization, padding, size, themes, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Change Single Product page padding and change size of Buy Now button’' has been successfully resolved, and the topic is now closed for further responses

Change Single Product page padding and change size of Buy Now button

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection