Return to previous page

Can the product alignment be set to bottom

This topic has 3 replies, 3 voices, and was last updated 6 months ago ago by Andrew Mitchell

finleydesign

Participant

August 23, 2024 at 12:11

Have attached an image to show, but if there is no colour variable, the whole product archive looks off, I appreciate it might be minor, but I can’t seem to do a CSS if which formats these to always be in a line

Page link here – https://homeautomationcompany.co.uk/product-category/compact-hifi/

Really wanted the product name to line up equally regardless if there is a colour swatch option

Files is visible for topic creator and
support staff only.

#411323 Copied

2 Answers
Tony Rodriguez

Support staff

August 23, 2024 at 12:28
Hello, @finleydesign,

Thank you for contacting us and for using XStore.

To address the issue you are experiencing, we kindly ask you to insert the following custom CSS code by navigating to XStore > Theme Options > Theme Custom CSS > Global CSS in your admin panel.

.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product { display: flex; justify-content: center; } .products-loop .ajax-content, .products-loop { display: flex; flex-wrap: wrap; flex: 1; } .content-product { flex-direction: column; justify-content: space-between; display: flex; flex: 1; } .content-product .quantity-wrapper { margin-right: auto; margin-left: auto; } .swiper-container { display: flex; align-items: stretch; } .product-slide .product { display: flex; height: 100%; } .swiper-wrapper { height: auto; }

Additionally, If you wish to limit product titles, Please navigate to XStore > Theme Options > Wocoomerce > Shop > Product design and set title limit type as per your requirement and publish it. https://paste.pics/RR85U

We trust this will resolve the problem. Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#411327 Copied
Andrew Mitchell

Support staff

August 23, 2024 at 12:30

Dear finleydesign,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#411328 Copied
Tagged: bottom alignment, customize woocommerce, product alignment, woocommerce settings, woocommerce themes, wordpress, wordpress online store
Viewing 3 results - 1 through 3 (of 3 total)