I have implemented the code below to enable a hover effect when users hover over an image:
&:before '
content: "example image"
Background: #444;
Padding: 20px
Height: 300px
Width: 300px
Font family: 'open sans'
Opacity: 0;
'
&:hover '
&:before '
Opacity: 1;
Essentially, I would like to include additional text that I already possess, along with a font awesome icon that appears when the hover event is triggered.
Is there a way to achieve this?