Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 26, 2018 at 3:47 am #947026
    nickgin

    Hi Sirs,

    I am trying to adjust the wishlist icon position thru css in the product page, but it is been overlapped by other elements.
    I tried z-index for the wishlist icon to 9999 with no results.

    Could you help me please? I need your precious support!

    screenshot: https://prnt.sc/ja7q9e

    Thank you in advance.

    Best regards,
    Nick

    April 26, 2018 at 4:51 am #947060
    Nikko

    Hey Nick,

    I have checked your site and it seems like you have already fixed it.
    I have posted a screenshot on what your product page looks on my end.
    (Screenshot link in private content)

    Best regards,
    Nikko

    April 26, 2018 at 2:07 pm #947276
    nickgin

    Hi Nikko,

    Unfortunately, I didn’t… I didn’t save the css adjustments.
    Please check it now.. (details in private area)
    Please see what I would like to achive: https://imgur.com/a/NyPoInO

    CSS used:
    a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.icon-white.no-txt.button.tinvwl-position-before {
    position: absolute !important;
    top: -10px !important;
    left: -20px !important;
    z-index: 1 !important;
    min-width: 37px;
    border-radius: 20px !important;
    }

    Thank you so much.

    Best regards,
    Nick

    April 28, 2018 at 12:32 pm #948334
    Vinay

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Vinay

    April 28, 2018 at 1:39 pm #948353
    nickgin

    Hi Vinay,

    Thank you for your response.

    I really understand that. Is it easy for you to tell me which are the containers that are been involved to my issue, so I will try to tweak them thru css?

    Best regards,
    Nick

    May 1, 2018 at 3:50 am #949307
    Ismael

    Hi,

    How did you add the icon? It’s inside the add to cart form.

    
<div class="tinv-wraper woocommerce tinv-wishlist tinvwl-before-add-to-cart">
	<input type="hidden" name="product_id" value="1683">
		<a class="tinvwl_add_to_wishlist_button tinvwl-icon-heart icon-white no-txt button tinvwl-position-before" data-tinv-wl-list="[]" data-tinv-wl-product="1683" data-tinv-wl-productvariation="0" data-tinv-wl-producttype="simple" data-tinv-wl-action="addto" rel="nofollow"></a>
<div class="tinvwl-tooltip">Βάλτο στη λίστα</div>
</div>

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.