Font Awesome icons display problem

Support
#1

Hi there,

I’ve got a few problems with the icons on my site. I don’t know what has changed but the social icons or icons in feature headlines or the “scroll-down-icon” for sliders are all stuck to the top of their background/box.

I’ve already used the workaround from this post: https://theme.co/apex/forum/t/social-icons-strange/7065 and I could easily adapt that for the others but it would be really nice to know whats going on here since I didn’t make any changes to the global CSS settings at all.

The URL to the site is: http://www.reha-selbsthilfe.de/physiotherapeuten/

Thanks in advance for your help!
Uli

#2

Hello There,

Thanks for writing in! To resolve this issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

.h-feature-headline span i:before {
    line-height: 2em;
}

Hope this helps. Please let us know how it goes.

#3

this is working, thanks! But I still don’t get where this is coming after all?

#4

Hey There,

I do not have a clue either. I am guessing that a line height setting somewhere or may have came from a 3rd party plugin that resulted this issue.

If you need anything else, please let us know.

#5

Hi there,

it was the same problem as with the height thing… the Hotjar script messed things up badly…

Thanks!
Uli

#6

You’re welcome!
Thanks for letting us know that it has worked for you.