• Resolved bierenbrouwsels

    (@bierenbrouwsels)


    Hello!

    I would like all my Add to cart (In winkelwagen) buttons to allign at the same height. But it seems when there are longer Product-names involved, it chooses its own position.

    Screenshot

    Does anyone know if this can be resolved? Thanks in advance.

    Greetings Robin

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • @bierenbrouwsels

    You can set a uniform product image size using this guide:https://www.businessbloomer.com/woocommerce-single-product-image/

    That will make the images and cart button align

    Hello,

    Add to cart (In winkelwagen) buttons to allign at the same height

    This can be fixed with some custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:

    .woocommerce ul.products li.product h2 {
      line-height: 2.5ex;
      height: 5ex; 
      overflow: hidden;
    }

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Thread Starter bierenbrouwsels

    (@bierenbrouwsels)

    `Hello,

    Add to cart (In winkelwagen) buttons to allign at the same height

    This can be fixed with some custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:

    .woocommerce ul.products li.product h2 {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
    }
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).`

    Thanks a lot that worked excellent.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WooCommerce Add to Cart button fixed position’ is closed to new replies.