Float icon right over image

  • Resolved maxc

    (@maxchentrens)


    4 years, 3 months ago

    Hi Guys

    Im trying to float the wishlist heart icon on right side of product image in selections page. Please note this will just be for product selections page, on product page i have already been able to set css for changes.

    By default on selections page, it is top left. Is there a css class i can use for this? Having inspected it, i have tried every variation, but none seems to work.

    Eg:

    .yith-wcwl-add-to-wishlist a.add_to_wishlist>img, .yith-wcwl-add-to-wishlist a.delete_item>img, .yith-wcwl-add-to-wishlist a.move_to_another_wishlist>img {
    margin-right: 10px;
    float: right;
    }

    Thanks in advance
    Max

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi Max

    It is a bit difficult to suggest CSS without checking your actual site, but on my installation this CSS rules worked perfectly

    .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
    left: auto;
    right: 15px;
}

    Could you please try to add previous rules at the end of Additional CSS section of your theme customizer (WP Dashboard -> Appearance -> Customize) and let me know if this works?
    If it doesn’t, could you please share with me an url to your site?

    Thread Starter maxc

    (@maxchentrens)

    That worrked perfectly. Thanks so much mate.

    Plugin Author YITHEMES

    (@yithemes)

    You’re welcome!

    We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Float icon right over image’ is closed to new replies.