Return to previous page

I want to add a border in product listing

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

Duarte

Participant

February 15, 2024 at 19:15

I want to add 1px border colored to the products, like the attached image.
I already added the code below to the aditional CSS, without success.
.content-product {
border: 1px solid #e1e1e1;
}

How can I have the border?
Thanks

Files is visible for topic creator and
support staff only.

#383535 Copied Theme version: 9.2.8

4 Answers
Tony Rodriguez

Support staff

February 16, 2024 at 06:10
Hello, @Duarte,

I hope this message finds you well.

We appreciate you reaching out to us for support. Upon careful examination of your website, we are pleased to inform you that your code is functioning correctly. As part of our review, we have modified the border color, and you can view the change in the following screenshot: https://ibb.co/7ywLn21

To further assist you, we kindly request that you attempt the following modification to your code by adding the !important declaration, as shown below:
```
.content-product {
    border: 1px solid #e1e1e1 !important;
}
```
Should the issue persist, we would be grateful if you could provide us with the URL of the affected page and a screenshot illustrating the problem. Additionally, for a more thorough investigation, please submit the WordPress Admin URL and credentials in the private content section of this support topic.

We are committed to ensuring a swift resolution and look forward to your response.

Warm regards,
The 8Theme Team
#383555 Copied
Duarte

Participant

February 16, 2024 at 11:54
Not working for me… before this post I already tried the code !important;

I have in additional CSS
```
.content-product {
    border: 1px solid #8b0808!important;
}
```
but doesn’t work.

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.
#383582 Copied
Tony Rodriguez

Support staff

February 16, 2024 at 12:41

Hello, @Duarte,

We appreciate your prompt response.

Please be informed that we have successfully implemented the Custom CSS code within the Xstore >> Theme Options >> Theme Custom CSS >> Global CSS section of your website. The functionality has been thoroughly tested and is now operating seamlessly. For your reference, we have provided screenshots illustrating the successful implementation: https://prnt.sc/kLQuK-xQcAdl and https://prnt.sc/EE9PmfdEsOfF

We kindly ask that you revisit your site after clearing your browser’s cache to observe the enhancements.

Warm regards,
The 8Theme Team

#383593 Copied

Andrew Mitchell

Support staff

February 16, 2024 at 12:47

Dear Duarte,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#383595 Copied
Tagged: add border woocommerce, customize woocommerce product, enhance woocommerce listing, product listing border, woocommerce themes, wordpress themes border, wordpress woocommerce design
Viewing 5 results - 1 through 5 (of 5 total)