Any chance I could get a reply to this? I need to wrap up this website soon. Thanks

Hello

By default, the Sophia template only includes Font Awesome 4.7 (https://fontawesome.com/v4.7.0/icons/). I believe fa-hard-hat is a Font Awesome 5 icon.

The only way to increase the height of the showcase image without distortion would be to also crop the image, this ok?

To amend the horizontal scroll try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.item-127.deeper.parent ul ul {

    right: 100%;

    left: auto;

}

To always display the image hover text, you can also add the following...

.j51imagehover92 figcaption {

    opacity: 1;

    transform: none;

    background-color: rgba(0,0,0,.5) !important;

}

Ciaran

How do I use font-awesome 5?

I really need to get it where I can use the hard-hat.

Hello

May I suggest the following forum post on this query... https://www.joomla51.com/forum/additional-font-awesome-icons

Ciaran

Is Sophia still only using Font Awesome 4 icon set? Any chances it will get updated to use FA5? or should I just use the tutorial found in the post you linked to above?

Hello

The latest update to the Sophia template includes a version bump of Font Awesome to version 5. For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

Ciaran