Trying to reduce space between heart icon and counter number

  • Resolved lychee128

    (@lychee128)


    4 years, 7 months ago

    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

    Thread Starter lychee128

    (@lychee128)

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

    Thanks.

    Thread Starter lychee128

    (@lychee128)

    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.

    Thread Starter lychee128

    (@lychee128)

    Thanks so much! That works great!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Trying to reduce space between heart icon and counter number’ is closed to new replies.