Return to previous page

Buttons not aligned horizontally on category pages

This topic has 8 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Tony Rodriguez

nigel

Participant

May 29, 2024 at 17:21

How to get the buttons aligned on the category pages rather than all different levels which looks a mess.
thanks

Files is visible for topic creator and
support staff only.

#397204 Copied Theme version: 9.3.11

7 Answers
Tony Rodriguez

Support staff

May 30, 2024 at 05:40
Hello, @nigel,

Thank you for contacting us and for using XStore.

We have noted that the new elements introduced require a different coding structure for vertical alignments within the theme. To accommodate these changes, we recommend implementing the following CSS snippet in XStore > Theme options > Theme custom CSS > Global CSS:
```
.etheme-product-grid-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
}

.etheme-product-grid-content {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.etheme-product-grid-button {
    margin-top: auto;
    width: auto;
    align-self: center;
}
```
These adjustments should help achieve the desired layout. You can view the expected results via the following links:

– [Screenshot 1](https://prnt.sc/b9eG1jpv-QIC)
– [Screenshot 2](https://prnt.sc/FkhFwUFWP-mT)

We would appreciate your feedback on whether this solution meets your expectations. Thank you for your attention to this matter.

Best regards,
8Theme’s Team
#397234 Copied
nigel

Participant

May 30, 2024 at 08:50

Many thanks, all looks fine now.

Just wanted to know if I use this demo theme again, for my other licence, will I have to remember these changes, and the other ones, or will they be updated with the demo when imported?

thank again

#397282 Copied

Tony Rodriguez

Support staff

May 30, 2024 at 09:51

Hello, @nigel,

Yes, you’ll need to reapply those changes. They won’t automatically update when you import the demo theme again for your other license.

We hope this information is helpful. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best regards,
8Theme’s Team

#397299 Copied

nigel

Participant

May 30, 2024 at 11:05

Ok thanks
So anybody else using that demo will have the same problems ?

My support ends shortly, are there any other issues with this demo you know of ?

thanks again

#397311 Copied

Tony Rodriguez

Support staff

May 30, 2024 at 12:16

Hello, @nigel,

We would like to provide some clarification regarding the issue you are experiencing with your site.

1. The issue you’ve encountered with the alignment of the product buttons is not due to a default problem with the demo site. It appears that you have activated the option to display the product title, which varies in length (some titles span two lines, while others occupy only one line). Additionally, you have enabled the display of ratings, prices, and an “add to cart” button under the widget settings. These settings are the primary reasons for the misalignment you are observing.

We trust this explanation resolves your concerns.

2. Should you encounter any further issues, we kindly ask that you initiate a new topic on our support forum. Our team is committed to providing you with the assistance you need, and we encourage you to reach out to us for any queries or support.

Best Regards,
The 8Theme’s Team

#397322 Copied

nigel

Participant

May 30, 2024 at 12:26

thanks for reply

I have just used demo as is, I haven’t activated anything extra to display.
Obviously in the category pages you need the title, price etc, as per all your demos.

Thanks anyway for the CSS code at least it’s sorted now.

#397324 Copied

Tony Rodriguez

Support staff

May 30, 2024 at 13:28

Hello, @nigel,

You are welcome. If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Have a nice day.

Best Regards,
The 8Theme’s Team

#397337 Copied
Tagged: best selling woocommerce themes, buttons alignment issue, category pages layout, fixing woocommerce themes, optimized woocommerce themes, woocommerce themes troubleshooting
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Buttons not aligned horizontally on category pages’' has been successfully resolved, and the topic is now closed for further responses

Buttons not aligned horizontally on category pages

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection