Home › Forums › WoodMart support forum › bottom space

bottom space

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 12, 2024 at 6:47 pm #548587

    fcoerezza
    Participant

    Hi support, if you look at my home page acinolilla.com, you can see that the product galleries (I use the same style for the whole site) have a bottom vertical space (see image attached), between the price and the bottom border, that I’d like to remove. Can you help me?

    Attachments:
    You must be logged in to view attached files.
    March 13, 2024 at 10:06 am #548687

    Hung Pham
    Participant

    Hi fcoerezza,

    Thanks for reaching to us.

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .product-grid-item.wd-product.wd-hover-buttons-on-hover .product-wrapper {
    overflow: visible;
}

@media (min-width: 1025px){
	.product-grid-item.wd-product.wd-hover-buttons-on-hover .wd-product-footer{
			display: none;
	}	

	.product-grid-item.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) .wd-product-footer{
			display: flex;
	}
}

    Regards,

    March 14, 2024 at 3:02 pm #549062

    fcoerezza
    Participant

    hi, it partially works.
    The bottom space has been removed, however the product boxes has no bottom (and side) borders, and in a couple of cases overlap the section below.
    I tested acinolilla.com home page using chrome in incognito mode.
    Please look at the image attached

    Attachments:
    You must be logged in to view attached files.
    March 16, 2024 at 7:17 am #549506

    Hung Pham
    Participant

    Hi fcoerezza,

    Please remove previous code and use below one:

    .product-grid-item.wd-product.wd-hover-buttons-on-hover {
    --wd-trans-h: auto;
}

    Regards,

    March 18, 2024 at 11:12 am #549843

    fcoerezza
    Participant

    tested in incognito mode, it’s even worse. now I’ve a bigger space at the bottom. look at acinolilla.com

    March 18, 2024 at 2:57 pm #549965

    Hung Pham
    Participant

    Hi fcoerezza,

    I used below code and see no issues https://prnt.sc/OU27SXA3ViZD

    .product-grid-item.wd-product.wd-hover-buttons-on-hover .product-wrapper {
    overflow: visible;
}

@media (min-width: 1025px){
	.product-grid-item.wd-product.wd-hover-buttons-on-hover .wd-product-footer{
			display: none;
	}	

	.product-grid-item.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) .wd-product-footer{
			display: flex;
	}
}

.product-grid-item.wd-product.wd-hover-buttons-on-hover {
    --wd-trans-h: auto;
}

    Regards,

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)