Counting within heart

  • Resolved limburgerer

    (@limburgerer)


    3 years, 11 months ago

    hi im trying too do css too get the heart like this: https://imgur.com/rqys51b

    i have css now:
    I cant seem too get it right can i have some help please?

    .yith-wcwl-items-count span.count {
  background-color: rgba(0,0,0,0.1);
  opacity: 1;
  font-size: 11px;
  display: inline-block;
  line-height: 1.7em;
  height: 1.7em;
  width: 1.7em;
  text-align: center;
  border-radius: 100%;
  margin-left: 5px;
  vertical-align: text-top;
}
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Antonio La Rocca

    (@therock130)

    Hi there

    Could you please share an url to a live site where I can see your current site? This would help me create CSS for your customization

    Thread Starter limburgerer

    (@limburgerer)

    hi
    that would be great!!

    https://www.rwfashion.nl

    Plugin Support Antonio La Rocca

    (@therock130)

    Hi there

    Thank you for sharing the url to your site; anyway at the moment I can’t see the shortcode replaced with the correct HTML content (here a screen of what I see)

    Could you please check and let me know?

    Thread Starter limburgerer

    (@limburgerer)

    Please check again its working now

    Plugin Support Antonio La Rocca

    (@therock130)

    Hi there

    Plaese, try to add the following CSS rules to Additional CSS section of theme customizer (WP Dashboard -> Appearance -> Customize)

    span.yith-wcwl-items-count {
    position: relative;
    margin-right: 30px; 
}
span.yith-wcwl-items-count i,
span.yith-wcwl-items-count span.count{
    margin: 0;
}

span.yith-wcwl-items-count i {
    font-size: 24px!important;
}

span.yith-wcwl-items-count span.count {
    background-color: #000;
    color: #fff;
    height: 1.6em;
    width: 1.6em;
    position: absolute;
    bottom: 1px;
    right: -8px;
}

    This is my final result on your installation

    Thread Starter limburgerer

    (@limburgerer)

    You are the man! thankyou soooo much ??

    Plugin Support Antonio La Rocca

    (@therock130)

    You’re welcome! ??

    We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Counting within heart’ is closed to new replies.