Return to previous page

Product catalog add to cart buttons not aligned

This topic has 6 replies, 3 voices, and was last updated 1 months, 3 weeks ago ago by Luca Rossi

HmirceaD

Participant

March 7, 2024 at 16:44

In my product catalog some products have a title that takes two lines of text, this displaces the add to cart button, how can I get them to be aligned on the same level?

Attached screenshot: https://imgur.com/a/dt6WZpJ

Please, contact administrator
for this information.

#386022 Copied Theme version: 9.1.13

5 Answers

Rose Tyler

Support staff

March 7, 2024 at 16:58

Hello, HmirceaD,

Thank you for reaching out to us with your concern.

We kindly suggest that you implement the solution provided at the following link: https://www.8theme.com/topic/how-to-get-products-to-be-aligned-the-same-regardless-of-the-length-of-the-title/

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.

Best Regards,
8Theme’s Team

#386026 Copied

HmirceaD

Participant

March 7, 2024 at 17:11

Hello Rose, thanks for the response.

It worked well on the catalog page, however the recommended products slider on the account page still do not align properly, do you have a way to adapt it to there? Thanks!

#386028 Copied

Rose Tyler

Support staff

March 7, 2024 at 17:21

Hello, HmirceaD,

We appreciate your prompt response.

In this case, please try this code – https://www.8theme.com/topic/product-card-how-to-make-an-equilibrium/

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

#386032 Copied

HmirceaD

Participant

March 7, 2024 at 18:41

Hello Rose, I tried the solution but it still does not work on the account page.

Thanks!

#386039 Copied
Luca Rossi

Support staff

March 8, 2024 at 08:44
Dear @HmirceaD,

We trust this message finds you well.

We kindly request that you implement the following custom CSS snippet to enhance your website’s appearance. Please navigate to the Theme Options, proceed to the ‘Theme Custom CSS’ section, and insert the code into the ‘Global CSS’ area:
```
.woocommerce-account h2.product-title {
    min-height: 48px;
}
```
We hope that this adjustment proves beneficial for your site’s layout. Should you require any further assistance, please do not hesitate to reach out.

Warm regards,
The 8Theme Team
#386060 Copied
Tagged: add to cart button, button alignment, product catalog, woocommerce fixes, woocommerce templates, wordpress ecommerce, wordpress issue
Viewing 6 results - 1 through 6 (of 6 total)