• Resolved Cinziasart

    (@cinziasart)


    Hello,
    I would like to have the products of my category/shop pages perfectly aligned without having to crop the category thumbnails.
    This is how the shop/category page looks like now: here

    Thanks,
    C

Viewing 4 replies - 1 through 4 (of 4 total)
  • This css should do what you want:

    .kad-woo-image-size {
    display: table-cell;
    height: 240px;
    text-align: center;
    vertical-align: middle;
    }
    .product_item a.product_img_link {
    height: 240px;
    display: table;
    width: 100%
    }
    .product_item .product_details a.product_img_link {
    height: auto;
    display: block;
    }
    .kad-woo-image-size img {
    max-height: 240px;
    width: auto;
    }

    Kadence Themes

    Thread Starter Cinziasart

    (@cinziasart)

    Thank you so much! This definitely works! Some pictures are aligned to the left though. How would I go about centering those? Please see here.
    Thank you!
    C

    Oh I see sorry that css was for premium, slightly different class, remove the css I pasted and use this:

    .kad-woo-image-size {
    display: table-cell;
    height: 240px;
    text-align: center;
    vertical-align: middle;
    }
    .product_item a.product_item_link {
    height: 240px;
    display: table;
    width: 100%
    }
    .product_item .product_details a.product_item_link {
    height: auto;
    display: block;
    }
    .kad-woo-image-size img {
    max-height: 240px;
    width: auto;
    }

    Kadence Themes

    Thread Starter Cinziasart

    (@cinziasart)

    WOW! That was FAST! THANKS SO MUCH! This works! Your theme is awesome!
    🙂
    C

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

The topic ‘Category page layout’ is closed to new replies.