Return to previous page

Box Shadow and Border on Hover over Woocommerce product Images

This topic has 3 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Deepak Sahu

  • Avatar: Deepak Sahu
    Deepak Sahu
    Participant
    July 26, 2020 at 15:48

    Hello,

    I wish to add a box-shadow and border on hover to product images on the product page, category page, and all other shop pages.

    #245488 Copied Theme version: 6.3.8 WooCommerce version: 4.3.1
    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    July 27, 2020 at 09:29

    Hello,

    Go to Theme Options > Custom CSS and add the below code

    .content-product {
    padding: 5px 5px;
}
.content-product:hover {
    box-shadow: 1px 1px 18px #efecec;
}

    Regards

    #245556 Copied
    Avatar: Deepak Sahu
    Deepak Sahu
    Participant
    July 27, 2020 at 09:40

    Thanks Olga.

    #245557 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Box Shadow and Border on Hover over Woocommerce product Images’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP 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.