Return to previous page

Request for few fixes - by rj - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 5 years ago ago by Olga Barlow

rj

Participant

November 13, 2020 at 09:11

Hello

I tried to use single product page builder but facing a lot of problems.

So I decided to keep using default template (booking design)

But please help me fixing few things:

1. I want to increase the size of 1st colum and 3rd column and reduce the size of middle column. I gave it a try with inspect element but the gallery image is showing in repeat background format.

https://prnt.sc/vifwh3

2. Can you pleae help me keep the same size (width 100%, max-width 350px, height 42px) for both ADD TO CART and BUY NOW buttons globally (single product page, quick view and bottom sticky buttons)

https://prnt.sc/vigaja

I would be really grateful if you could help me in these changes.

Thanks

Please, contact administrator
for this information.

#259322 Copied Theme version: 7.1.2

3 Answers
Olga Barlow

Participant

November 13, 2020 at 15:18
Hello,

1) Copy xstore/woocommerce/single-product-content-booking.php file to child theme and change the classes to col-md-4 http://prntscr.com/vin7x8
2) Add the below custom to Theme Options > Custom CSS

.product-content .et-single-buy-now.single_add_to_cart_button.button, .et_product-block .et-single-buy-now.single_add_to_cart_button.button, .single_add_to_cart_button.button { max-width: 350px; min-height: 42px; width: 100%; } @media only screen and (min-width:480px){ .single-product .etheme-sticky-cart .cart { min-width: 350px; } }

Regards
#259409 Copied
rj

Participant

December 3, 2020 at 12:33

Hi Olga,

Thanks!

Regarding the first point, I think this will make all columns of same width but I want to keep different width for each of them. Also is there any way to do it through custom CSS or adding snippet through code snippets plugin instead of copying single-product-content-booking.php to child theme?

Please contact administrator
for this information.

#262407 Copied

Olga Barlow

Participant

December 3, 2020 at 14:02

Hello,

Nope, unfortunately, changing of the width using global classes using CSS will cause a lot of problems on your site. So, you need to change the classes to change the width.

Regards

#262441 Copied
Viewing 4 results - 1 through 4 (of 4 total)