Move heart icon to the right of the image

  • Resolved thanparm

    (@thanparm)


    2 years, 10 months ago

    Hello,

    I would like to know how I can move the heart icon from my product images on the shop page, from top left to top right. Also I would like to know how I could increase the size of the heart on the header, as I couldn’t find anything.

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author templateinvaders

    (@templateinvaders)

    Hi @thanparm

    It depends on your active theme. Please, post an URL where we can check the issue and we will try to help you.

    Thread Starter thanparm

    (@thanparm)

    Thank you for your reply!

    I’m using Astra as my theme and WooCommerce for my shop. It is not a live website (it is a demo hosted local) so, I can’t send you a link to it.

    Thank you.

    Plugin Author templateinvaders

    (@templateinvaders)

    Hi @thanparm

    You can try to apply the next CSS rules:

    .tinv-wraper.tinv-wishlist.tinvwl-above_thumb-add-to-cart {
    right:10px;
    left:inherit;
}
.tinv-wraper.tinv-wishlist.tinvwl-above_thumb-add-to-cart .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
    font-size:2em;
}
    Thread Starter thanparm

    (@thanparm)

    Thank you so much! That helped me. May I ask one more question? How can I increase the size of the heart on the header that displays the number of all the products that’s on the Wishlist next to the menu and cart?

    Plugin Author templateinvaders

    (@templateinvaders)

    Hi @thanparm

    You can use the next CS rule to adjust products counter heart icon size:

    a.wishlist_products_counter.top_wishlist-heart:before {
    font-size:2em;
}
    Thread Starter thanparm

    (@thanparm)

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move heart icon to the right of the image’ is closed to new replies.