Return to previous page

How to center Quantity and add to cart button

This topic has 8 replies, 4 voices, and was last updated 3 months, 2 weeks ago ago by Luca Rossi

Chandru

Participant

December 22, 2024 at 16:15

How to center Quantity and add to cart button. Also how to show add to cart text on button

Files is visible for topic creator and
support staff only.

#428325 Copied Theme version: 9.4.6

7 Answers

Rose Tyler

Support staff

December 23, 2024 at 08:27

Hello, Chandru,

We hope this message finds you well.

We noticed that your website is currently in maintenance mode, which prevents us from accessing and reviewing it. To assist you effectively, we kindly request temporary WP-Admin access.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best regards,
8Theme’s Team

#428372 Copied

Chandru

Participant

December 23, 2024 at 11:25

Hi Thanks for the reply. Will share the requested details in Private area

Please contact administrator
for this information.

#428405 Copied
Luca Rossi

Support staff

December 23, 2024 at 16:38
Hi @Chandru,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.etheme-product-grid-item.product-type-simple .quantity-wrapper { display: flex; max-width: 100%; flex-direction: column; } .etheme-product-grid-item.product-type-simple .quantity-wrapper .quantity { width: 100%; margin: 0 0 10px 0 !important; } .etheme-product-grid-item.product-type-simple .quantity-wrapper .etheme-product-grid-button { padding: 10px; width: 100%; height: auto; display: flex; text-align: center; max-width: 100% !important; flex-direction: row-reverse; font-size: var(--et_btn-size,.85rem); } .etheme-product-grid-item.product-type-simple .quantity-wrapper .etheme-product-grid-button::after { content: "ADD TO CART" !important; display: inline-block; transform: none !important; width: auto !important; font-family: inherit; border: none; max-width: 100%; position: static; margin-right: 7px; line-height: 15px; }

Kind regards,
The 8Theme Team
Files is visible for topic creator and
support staff only.
#428445 Copied
Chandru

Participant

December 23, 2024 at 16:55

Thanks, Now Sid bar filter not showing on preview page

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#428451 Copied

Andrew Mitchell

Support staff

December 23, 2024 at 19:06

Hello, Chandru,

The issue regarding the disappearance of the sidebar filter on the preview page is related to the fact that the sidebar contains WooCommerce widgets, which are designed to function exclusively on archive pages. In your case, the pages where you are attempting to display these widgets are not shop-related pages. Therefore, due to WooCommerce’s limitations, it is not possible to display these widgets on those pages.

Thank you for your understanding.

Best regards,
8Theme’s Team

#428478 Copied

Chandru

Participant

December 24, 2024 at 07:35

Then How i used Side bar filter on my pages
I already build same method in my other website

Please contact administrator
for this information.

#428516 Copied

Luca Rossi

Support staff

December 24, 2024 at 09:02

Dear Chandru,

We hope this message finds you well.

We would like to inform you that a custom sidebar has been successfully created for the specified pages, and the widgets are now displaying as intended.

Kindly note, however, that certain filter widgets may not appear on your custom pages.

Should you have any further questions or require assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

#428525 Copied
Viewing 8 results - 1 through 8 (of 8 total)