Home New Guten › Forums › WoodMart support forum › Hide shadow/grid with product style ‘Tiled’

Hide shadow/grid with product style ‘Tiled’

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 7, 2023 at 10:34 am #479863

    Niels
    Participant

    Hi,

    I would like to remove the shadow/grid of my product archive pages. I would like to choose Tiles style, but I cant remove the shadow. I have all options off and tried following CSS:

    .woodmart-hover-tiled .product-wrapper {
    box-shadow: none;
    }

    Could you check why CSS is not working?

    Thanks

    July 8, 2023 at 7:43 pm #480120

    Elise Noromit
    Member

    Hello,

    I am checking the site and I do not see the shadow: https://gyazo.com/00efc8fadf3f4f809763c7c449a69295

    If you have any questions please feel free to contact us.

    Best Regards

    July 10, 2023 at 10:03 am #480351

    Niels
    Participant

    Hi,

    Thanks for your reply. There is still a border around every product, with the rounded corners. It’s all the way from the top of the picture to the price.

    thanks

    July 11, 2023 at 2:49 am #480536

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

    July 11, 2023 at 9:16 am #480559

    Niels
    Participant

    Hi,
    Thanks!

    July 13, 2023 at 3:39 am #481016

    Elise Noromit
    Member

    Hello,

    This hover design includes the shadow by default.

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

    body .wd-hover-tiled .product-wrapper {
	box-shadow: none;
}

body .wd-hover-tiled .product-wrapper .product-element-bottom {
	padding-inline: 0;
	padding-bottom: 0;
}

    Best Regards

    July 13, 2023 at 12:24 pm #481149

    Niels
    Participant

    Hi,

    I added the CCS but nothing changed. The border is still there. Tried to add !important as well, but didn’t worked. Do you have any other suggestions?

    Thanks

    July 15, 2023 at 1:27 pm #481695

    Elise Noromit
    Member

    Hello,

    You have inserted the code incorrectly.

    Please copy the custom code completely and paste it: 

    body .wd-hover-tiled .product-wrapper {
	box-shadow: none;
}

body .wd-hover-tiled .product-wrapper .product-element-bottom {
	padding-inline: 0;
	padding-bottom: 0;
}

    If you have any questions please feel free to contact us.

    Best Regards

    July 15, 2023 at 3:43 pm #481723

    Niels
    Participant

    Hi,

    Im so sorry i forgot the close the last ccs with }.
    Thanks so much for your help, its working!

    Have a nice weekend

    Niels

    July 15, 2023 at 9:28 pm #481783

    Elise Noromit
    Member

    You are welcome!

    Wish you a wonderful day!

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

The topic ‘Hide shadow/grid with product style ‘Tiled’’ is closed to new replies.