Return to previous page

Remove product border radius and also tab background

This topic has 2 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Tony Rodriguez

lassadmin

Participant

June 3, 2024 at 10:48

Hi there,

How do i remove the radius around the product image in “related product”, “product archive” and everywhere.

I tried edit the css files border radius but it doesnt work, tried to find it in xstore builder and nothing found. Can you pls help~~

https://ibb.co/2tYHgXQ

Also in the product tab, how do i change the tab back to normal one, the demo that i used has blue color button wrapping into it, i just want a simple underline tab, kindly refer to the same screenshot.

Thanks in advance.

Please, contact administrator
for this information.

#397867 Copied Theme version: 9.3.11

1 Answer
Tony Rodriguez

Support staff

June 3, 2024 at 12:14
Hello, @lassadmin,

Thank you so much for purchasing our theme and contacting our support center.

1/ We are delighted to inform you that the issue you reported has been successfully resolved. The resolution involved deactivating the “Litespeed cache plugin” and implementing specific CSS code modifications.

Please find the CSS code added below, which you can locate in the Xstore > Theme Options > Theme Custom CSS > Global CSS:

1. **Product Archive Products Border Radius Removal:**
```
   .elementor-2007 .elementor-element.elementor-element-416b5929 .etheme-product-grid-item {
       border-radius: 0px !important;
   }
```
2. **Related Products Border Radius Removal:**
```
   .content-product {
       border-radius: 0px !important;
   }
```
For your reference, please review the images provided in the private content area:

2/ Upon reviewing the Additional Tabs Section, it has come to our attention that the custom CSS code you implemented is responsible for the blue background color and border radius on the active tabs. To address this, we have commented out the active tab code located in Xstore > Theme Options > Theme Custom CSS > Global CSS.

For your reference, please review the following images which illustrate the changes:
– [Image 1](https://paste.pics/edit/R3AQN)
– [Image 2](https://paste.pics/edit/R3ARQ)

We hope this information proves helpful to you. Should you require further assistance or have any more queries, please feel free to contact us. We are committed to providing you with the support you need.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.
#397890 Copied
Tagged: customize tab background, remove product border radius, woocommerce design modifications, wordpress ecommerce solutions, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)