How can i set grid border on a product carousel?

Hello,

I want to set a border around the products like it is in the shop. But in the product carousel, even if I set the setting inside the border does not appear.

Below I have added the site to check and credentials from a testing site.

Can you assist me with that?

Best Regards

Hello,

To have the Borders on the Products (grid or carousel) > there is a dedicated option of Bordered Grid available, which you can make use of. Right now, it doesn’t have color defined on your Site which is why it wasn’t showing: https://snipboard.io/Rf9HaM.jpg

Then you can make use of the following Custom CSS to add border width and color:

.products-bordered-grid .owl-carousel-item { border: 1px solid red !important; }

Location to paste Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> paste the CSS.

Best Regards

[supp0rt]

Hello,

I have made the changes. Still the border does not appear.
Can you please check also on the test site and let me know?
I want the border to be on the inside, not the outside. Just like on the shop page

Best Regards

• This reply was modified 2 years, 7 months ago by supp0rt. Reason: Added some details/clarifications

Hello,

The Border Grid option is available for both Outside and Inside under the Page Builder editor like we have shown in the earlier Image.

Right now on your Test Site for which you shared the Login details too, we are unable to access the Dashboard so we are unable to check this issue further. It says Forbidden for the Login details, so kindly remove any sort of restriction if you have added regarding the Login details so that we can proceed further in this regard.

Best Regards

The forbidden errors mostly come when you try to access the site from an IP with VPN or a private network.
Thank you for letting me know. I have pasted below your IP.
If this is not your IP, please let me know which is the correct one.

Best Regards

Hello,

Yes you got it correct, this was the IP and we are now able to access the WP-ADMIN on your Test Site.

Actually, the Border Color wasn’t showing because of the Class difference. We have now applied the correct CSS in this regard on your Site and now the Border shows for the Products on the Homepage.

Here is the CSS applied:

.products-bordered-grid-ins .product-wrapper { border-color: red !important; }

You can change the Color red here to your choice of color.

Location to find Custom CSS is the same as told earlier under the Theme Settings > Custom CSS > Global Custom CSS.

Best Regards

Thank you for your answer.
I applied the changes and now I can see the inside border and around the products.

You may close the ticket.

Best Regards

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts