hover for wishlist counter

  • Resolved ellie6

    (@ellie6)


    2 years, 2 months ago

    Hi,

    Just added this plug in & loving it!

    I’d like to have the icon hover or have a border around it to make it stand out on my menu.

    Adjusting CSS for .wlfmc-counter-icon i didn’t help (I’m a newbie to CSS). Am I using the wrong element? Would you be able to help? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author moreconvert

    (@moreconvert)

    Hi, thanks for choosing it

    you can use these pieces of code for your css code

    .wlfmc-counter-icon {border: 1px solid red;padding: 5px;border-radius: 50%;}

    Thread Starter ellie6

    (@ellie6)

    Wonderful, thank you! Border works and hovers, exactly like I’d like.

    Any way to make the icon hover as well? Trying to match the Woo cart icon style. Thanks!

    Plugin Author moreconvert

    (@moreconvert)

    you use text-shadow for icon

    .wlfmc-counter-icon i {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

    This will add a 2px horizontal shadow, a 2px vertical shadow, with a blur of 2px and an opacity of 50% (0.5) to the text inside an element with the class “.wlfmc-counter-icon”. You can adjust the values as needed.

    Thread Starter ellie6

    (@ellie6)

    Thank you, appreciate your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘hover for wishlist counter’ is closed to new replies.