Woocommerce borders remove

Hi there,

Please help to remove woocommerce borders from pictures.
Website link:

With gratitude and love,
Marko Veide

Hello there,

I hope you are doing well today.

Sparkling does not have a border on the products, are you using a third party plugin there?

Best Regards,
Support

Hi,

It was css:
.woocommerce .product img{border:1px solid #77A464}

Pictures are now without border :slight_smile:

How to remove border from woocommerce desciption area, where at the moment is video and how to style colors for desciption?

Thank you,
Marko

Hello there,

This CSS should help:


/*Remove border*/
.woocommerce div.product .woocommerce-tabs .panel {
    border: none;
}

/*Description color*/
.woocommerce-tabs.wc-tabs-wrapper h2 {
    color: red;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: red;
}

Best Regards,
Support

Hi Support,

That did remove bottom and corners, thank you.
.woocommerce div.product .woocommerce-tabs .panel {
border: none;
}
Added this to remove border from tabs underline.
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
border: none;
}

Still there is fcfcfc colored border visible.

Best regards,
Marko

HI there

Sorry, but where is the border? can you show me a screenshot? i cant see it :frowning:

Hi Noda,

There are lines with f6f6f6 and fcfcfc colors, pictures with color picker.

Best regrdas,
Marko Veide

Hi,

I think that is the box shadow please try this CSS:


.panel {
    box-shadow: none;
}

Take care.

Hi Support,

That worked well, thank you! :slight_smile:

With gratitude and love,
Marko Veide

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support