Return to previous page

Need Assistance – Border Around Products

This topic has 3 replies, 2 voices, and was last updated 3 years, 6 months ago ago by Olga Barlow

Sumit Malhotra

Participant

May 25, 2021 at 10:46

I need the individual products on homepage to have a border around them. Elementor allows a border around the entire product gallery div. How do I create the border around individual product images on the homepage please?

#288819 Copied Theme version: 7.2.9

2 Answers

Sumit Malhotra

Participant

May 25, 2021 at 12:15

Reminder

#288840 Copied
Olga Barlow

Support staff

May 25, 2021 at 12:50
Hello,

There is no special option for this but you can add the below custom to add the border
```
.content-product .product-content-image {
    border: 1px solid #dedede;
}
```
If you want to implement this for all the products (home page, shop) then add the custom to Theme Options > Custom CSS. If you want to add for the home page only then use Custom CSS option of the page while editing page using Elementor.

Regards
#288849 Copied
Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Business 02 – WordPress WooCommerce Theme

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Kidsstore – WooCommerce Theme

lazy-placeholder

Sport Store – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.