Support » Plugin: TI WooCommerce Wishlist » Trying to reduce space between heart icon and counter number

  • Resolved lychee128

    (@lychee128)


    Hi,

    I’m trying to reduce the space between the heart icon and number and tried the recommendation below from an existing thread:

    a.wishlist_products_counter.top_wishlist-heart {
    margin-right: 0;
    }

    However, it didn’t seem to make a difference.

    To test, I can increase the space using this:

    .wishlist_products_counter.top_wishlist-heart {
    margin-right: 100px;
    }

    but even setting “0px” for the margin doesn’t seem to shrink it below the default.

    I don’t have a public URL right now but do you have another suggestion I can try?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Stan

    (@stantinv)

    Hi @lychee128,

    We’re not psychics here, and I’m afraid there is not a global solution for all cases due to the vast majority of themes and designs. When you go live and provide us with the URL, we can check the issue closer and suggest the correct CSS.

    Thanks for understanding here.
    Regards,
    Stan

    Ok, no problem. I understand. I will update you once I get an external URL.

    Thanks.

    Hi,

    I just got a site online that will show you the menu. I would like to reduce the space between the heart icon and the counter if possible.

    Thanks!

    https://geckoroaming.com/shop/

    Plugin Support Stan

    (@stantinv)

    @lychee128

    In your case this CSS should do the job:

    span.wishlist_products_counter.top_wishlist-heart:before {
    margin-right: 0;
    }

    Hope this helps.

    Thanks so much! That works great!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.