[KimSSParticipant]

Hi Guys,

I’d like to remove all borders from woo commerce shop. I’ve checked previous entries on this and have tried this in custom css in the customiser.
.entry-featured {
border: transparent !important;
}
.single-product a.x-img-thumbnail:hover {
border: none !important;
}

The site is in coming soon mode, but have attached image. Any help appreciated. Want to remove all borders. Thank you so much.

[ThaiModerator]

Hi There,

Try adding following CSS under Customizer > Custom > CSS:

.woocommerce div.product .images .x-img-thumbnail, 
.woocommerce-page div.product .images .x-img-thumbnail,
.woocommerce li.product .entry-featured, 
.woocommerce-page li.product .entry-featured {
    border: none;
    padding: 0;
}

Hope it helps.

[KimSSParticipant]

Hi, Thank you, but it didn’t work. Any other ideas? Many thanks

[ThaiModerator]

Hi There,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / Password

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[KimSSParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Kim,

Thanks for the logins!

Please send us your site’s URL as well so we can take a look at it.

Thank you!

[KimSSParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating. If you are trying to remove the border from image then add this CSS –

.single-product .x-img-thumbnail {
  border: none !important;
}

If you have any other border need to remove then add a screenshot and mark the place so that we can understand what you are trying to accomplish.

Cheers!

[KimSSParticipant]

This reply has been marked as private.

[DarshanaModerator]

Hi there,

I’m sorry but your attachment did not upload correctly because there is a size limitation of 512kb. You could use a service like (http://prntscr.com/) to share a larger screenshot.

Once we get that, we will be happy to assist you with everything.

Thanks!

[KimSSParticipant]

This reply has been marked as private.

[JackKeymaster]

Hi there Kim,

Hope you’re well today 🙂

I’ve added the following CSS under “Customize > Custom > CSS”.

.woocommerce .entry-featured {
    background: transparent;
	border: 0;
}

That’s removed the border round the images. Hope this helps.

Thanks!

[KimSSParticipant]

I just can’t thank you enough. I so appreciate your patience and help. The support for X is superb! Kim

[KimSSParticipant]

Woops, it works on some product pages but not others – do I have to enter it multiple times? Thank you Kim

[JackKeymaster]

Hi Kim,

You’re most welcome! It should work on all product pages, could you link me to a page where it isn’t and I’ll take a look for you. 🙂

Thank you!

[Author]

Posts