Return to previous page

Product display alignment issue in pages

This topic has 7 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

Ravi

Participant

June 9, 2020 at 18:19

Hi,
we uploaded few products. some products with variations as well. we are having alignment issues as you can see the buttons(Add to Cart, Select Options) are not aligned properly. How can we fix this?(Look at row 2,3,4) in the website for details. any help is appreciated.

#240296 Copied Theme version: 6.3.5

6 Answers

Olga Barlow

Participant

June 9, 2020 at 23:43

Hello,

Thank you for using our theme!

Some products have product brand http://prntscr.com/swuxpi other – no. We can do nothing with this. You can just disable brand on the grid from Theme Options > WooCommerce > Shop elements > Brands > http://prntscr.com/swuy9m

Regards

#240334 Copied

Ravi

Participant

June 10, 2020 at 13:52

Thank you Olga for the reply. I see that the brand is missing in a few. But if you go to the third row. we do not have brand for any of the product and still there is an alignment issue

#240377 Copied
Olga Barlow

Participant

June 10, 2020 at 16:54
Hello,

Because product title comes in 2 lines
Add the below code to add the min-height for your title (Theme Options > Custom CSS)

.content-product .product-title a { line-height: 2.5ex; min-height: 5ex; }

Regards
#240392 Copied
Olga Barlow

Participant

June 10, 2020 at 17:20
P.S. You can try the following code to align all the items, even without the brand

.main-products-loop .product { display: flex; justify-content: center; } .products-loop .ajax-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .content-product { flex-direction: column; justify-content: space-between; display: flex; }

Let me know if it suits your needs.

Regards
#240394 Copied
Ravi

Participant

June 10, 2020 at 21:54

Thanks a lot Olga. that worked like a charm :). appreciate all your help on this!!

#240405 Copied

Rose Tyler

Support staff

June 11, 2020 at 06:45

We would be happy if you share your experience of using XStore and the support quality you received. You can rate our product on Themeforest http://prntscr.com/hg8ibd https://themeforest.net/downloads
This topic will be closed because the issue is solved. Please kindly open up new tickets for additional questions.

Regards

#240421 Copied
Viewing 7 results - 1 through 7 (of 7 total)