Return to previous page

Wishlist heart always visible - by Marta Iraola

This topic has 4 replies, 2 voices, and was last updated 5 years, 7 months ago ago by Rose Tyler

  • Avatar: Marta Iraola
    Marta Iraola
    Participant
    September 28, 2018 at 09:39

    Hello,

    I have made some CSS changes to the heart icon that appears over the product image when you are in a shop page. I would like to make it always visible, not only when you hover the image. Do you know how to do it?

    Thank you!

    Please, contact administrator
    for this information.
    #200133 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2018 at 09:58

    Hello,

    .product-image-wrapper .footer-product {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
.product-image-wrapper .footer-product .yith-wcwl-add-to-wishlist {
    margin-top: -5px;
}

    Regards

    #200136 Copied
    Avatar: Marta Iraola
    Marta Iraola
    Participant
    September 28, 2018 at 10:05

    Hello Rose,

    Works like a charm!

    Thank you for the quick answer!

    #200138 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2018 at 10:07

    You’re welcome!

    Regards

    #200139 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Wishlist heart always visible’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress 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.