Switch off love it. Show icon instead

[ritchmedia]

Hi, what is the easiest/best way to switch of Love It.

Also, I would like the blog carousel (and related article items) to display the same icon on roll over that appears with portfolio carousel so that it is consistent.

thanks,

James

[Cosmin – SUPPORT]

Hi James,

You can disable Love it from showing up from the plugin settings.

Additionally, you can add this custom CSS in the General theme options:

.love-it-wrapper { display: none !important; }

For the second question, can you post a link to your site, so that I can provide a personalized solution? (since there isn’t any option in the theme that can do this)

Regards,
————————————————————————————————————

Cosmin
Support Assistant

[ritchmedia]

Hi Cosmin

1) I can’t see any settings to allow me to disable Love it. However, the custom CSS works fine.

2) I have attached a screen grab highlighting what I want to achieve. Images 1&2 are portfolio carousel items and displays an icon on rollover. I want the same icon rollover on images 3&4 which are blog carousel. At the moment these just turn green without any icon (as i have switched Love It off)

[Ben – SUPPORT]

Hey can you post a link to your website? It’s a lot easier for us to route around in the code for a fix then!

Thanks
Ben

[ritchmedia]

http://pcwindows.info/wp/

[Cosmin – SUPPORT]

Have you set a post thumbnail for your posts? That would be used as the thumbnail in the latest news carousel and it should work and we can take it from there.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[ritchmedia]

Hi images now attached.

Just to re-explain what I would like; On mouseover the thumbnail I would like the icon (document or magnifier) to display in exactly the same way that the Portfolio carousel works.

thanks

[Cosmin – SUPPORT]

Hi,

Remove the code for hiding the love it icon and add this instead:

.wpb_posts_carousel_widget .love-it-wrapper .icon-heart:before {
    color: #FFFFFF;
    content: "\f15b" !important;
    font-size: 36px !important;
    position: relative;
    top: -10px;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[ritchmedia]

Thanks for that. It works as a half-way solution. Problem is that I don’t want to use love it on this particular site. This solution displays the love it count on the rollover carousel images and on the blog post pages.

Sorry i’m being picky, but are there any other ideas that creates the rollover icon, but allows love it to be switched off?

thanks, James

[Cosmin – SUPPORT]

Forgot this, sorry:

span.love-count { display: none !important; }

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[ritchmedia]

That’s spot on. thank you

Two more related questions:
(1) can this rollover effect also be replicated for Related Post. Currently the thumbnail goes to the accent color but has no icon.
(2)is there a similar custom css to hide the heart icon at the top of the blog page

thanks for the ongoing support. much appreciated

[Cosmin – SUPPORT]

Yup, can be applied to related posts as well:

.related-item figure .thumb-info:before {
    color: #FFF;
    content: "\f15b";
    font-family: FontAwesome;
    font-size: 32px;
}

Hiding Love It on the blog posts:

.single .blog-item-details .love-it-wrapper {
  display: none !important;
}

Regards,
————————————————————————————————————

Cosmin – Support

[ritchmedia]

many thanks again Cosmin

Resolved!

[Cosmin – SUPPORT]

You’re welcome, glad to help 🙂

As always, if you like the product and support, please take a moment to rate our theme in your ThemeForest downloads area, we would greatly appreciate it!

Regards,
————————————————————————————————————

Cosmin – Support