Make fa- behave like gk-icon in #gkHeaderMod

Site in development is: http://tortik34.ru/, as you may see in Header module, your set gk-icon wasn't enough for us and I have to use fa fa-icons. But the thing is that in styleX.css it's coded to be gray. Fine, I understand why. I just need it to behave just like gk-icon in #gkHeaderMod - can't come up with the code I have to put in the override.css to make it white! Would you please help? Thanks!

Solved the color issue with this code in override.css

Code: Select all

#gkHeaderMod .fa {
    color: white;
    font-size: 54px !important;
    padding-right: 0;
}

#gkHeaderMod .fa:hover {
    color: rgba(255, 255, 255, 0.6);
}

Figured out I was trying to call .fa class in the wrong way. One thing I still wasn't able to fix, is to align fa icons with gk icons. Here http://tortik34.ru/ you can see that first and fourth icons (fa-) are slightly lower compared to other (gk-) icons. Any tip?

Hi

You just need to add a line-height to Your code:

Code: Select all

#gkHeaderMod .fa {
    line-height: 80px !important;
}


That's what I was looking for! Perfecto! Thank you!

Hi

No problem. Glad I could help