Disable Woocommerce Product Masonry

  • Resolved afrikablam

    (@afrikablam)


    6 years, 10 months ago

    Hi, I’m trying to disable the masonry effect on my product page. I want the products to be aligned neatly in rows. Under “BLOG SETTINGS” there is a setting to set the blog rows to either masonry, or rows. I’m looking for this same setting for products. I’ve looked throughout all the theme options, and searched for some plugins that would do achieve this. Can’t find anything.

    Is there a theme setting that can disable masonry on the shop page? Or some custom css that I can add? Any help would be greatly appreciated!

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

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

  • Hey,

    Try going to Theme Options> Shop Archive Settings, and find “Product title Min Height.” Set that to “80,” and let me know if it works for you.

    -Kevin

    Thread Starter afrikablam

    (@afrikablam)

    That helped! (100 worked better). It looks way better now, still a bit uneven. Is there a way to align the tops of the products?

    hannah

    (@hannahritner)

    Hey,
    Try adding this to your custom css box in Appearance > Theme Options > Advanced Settings:

    .archive .product_item .price {
    position: absolute;
}

    Let me know if that works for you!

    Hannah

    Thread Starter afrikablam

    (@afrikablam)

    Thanks Hannah, that has the desired effect!

    However, now the button covers up half of the price….I can’t figure out why that’s happening? Does it have something to do with how I changed the shape of the button?

    Really really REALLY appreciate both of you guys’ help!

    hannah

    (@hannahritner)

    This css should push that down:

    .product_item .details_product_item {
    margin-bottom: 20px;
}

    Hannah

    Thread Starter afrikablam

    (@afrikablam)

    WORKS PERFECTLY!

    Seriously, you Kadence people are the absolute best.

    THANK YOU SO MUCH!!!!

    hannah

    (@hannahritner)

    No problem! Happy to hear it:)

    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Disable Woocommerce Product Masonry’ is closed to new replies.