Icons not showing

[serversrl]

Hello,
my font awesome icons are not showing:
http://www.serversrl.it/ under the 4 blue charts, you can see 3 light blue circles (icon’s background?) but not the icon itself.

The code I inserted is:
icon 1 : [icon image="icon-comments" size="small" cont="yes" float="none"]
icon 2 : [icon image="icon-search" size="small" cont="yes" float="none"]
icon 3 : [icon image="icon-eur" size="small" cont="yes" float="none"]

all these icons are listed in this page: http://fontawesome.io/3.2.1/icons/ which is the one you link in the theme itself as a reference for a list of the icons.

So if I’ve followed all the steps correctly why don’t they work?

[Rui Guerreiro – SUPPORT]

Hi,

You have several issues when loading your fonts that can be causing this. It seems those font’s request are wrong. Not sure if you made any custom css.

Check the errors in your javascript console
https://www.dropbox.com/s/bxjp08womtbk7hc/javascript_errors_fonts.png?dl=0

Also try to disable all your plugins to discard any plugin conflict.

Let us know the result.

-Rui

[serversrl]

Hello,

the font loading errors seem to be related to Revolution Slider – as I deactivated it the errors disappeared.

Anyway I temporarily solved the icons problem with a plugin, but I also wanted to know how to fix this overflow chopping (see image attached). Tried with some custom css but had no luck.

Thank you very much!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

What you mean exactly with overflow chopping? can you mark it in the screenshot?
thanks

-Rui

[serversrl]

Thanks for the super-quick reply!
If you look at the 2nd and 3rd article in the screenshot, they have the date and comment/heart icons cut, while the 4th isn’t showing the border under the date. Only the 1st one is complete.
I think it’s something related to an overflow: hidden setting but wouldn’t know how to fix it.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.wpb_recent_posts_widget .recent-post .post-item-details, .wpb_posts_carousel_widget .recent-post .post-item-details {
    padding: 10px 0px !important;
}
.recent-post .post-date{
font-size:15px !important;
}

Thanks
Mohammad