Product catalog add to cart buttons not aligned

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

  • Avatar: HmirceaD
    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.
    5 Answers
    Avatar: Rose Tyler
    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

    Avatar: HmirceaD
    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!

    Avatar: Rose Tyler
    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

    Avatar: HmirceaD
    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!

    Avatar: Justin
    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

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.