Align shop page add to cart button

  • Hi there;
    I have tried to align shop archive add to cart buttons in a straight line however no css worked. Is there any special css for Oceanwp to align add to cart buttons in a straight line at Shop archive page?
    I have added screen shot. As you can see “add to cart” buttons (in my case buy on amazon buttons) are not aligning in a straight line.
    Image URL: https://ibb.co/d6ZNLkd

    Thanks in adavance;
    best regards.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @brs76,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .woocommerce ul.products li.product .woo-entry-inner li.title {
    min-height: 80px;
    margin: 0;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note 1: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    Note 2: If the above CSS doesn’t work, maybe you can achieve what you want by changing the values in the CSS above.

    I hope that helps.
    Best Regards

    Thread Starter brs76

    (@brs76)

    Hi @skalanter
    Thank you so much for the CSS code. It worked great.
    Thank you again.
    Best regrads.

    You’re very welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align shop page add to cart button’ is closed to new replies.