https://i.gyazo.com/5e26444ddb205bcfedacf97d9436eac3.png
When you first load our footer the logos under “Affiliates” are lined up horizontally which is how we want them to display. When you hover over them, they align vertically, is there a way to prevent this?
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#custom_html-3 a span.image-overlay {
display: none;
}
Best regards,
Rikard
Hey Rikard,
I added this to the CSS and it doesn’t appear to have resolved this one.
Hi,
Could you please try flushing browser cache and refreshing your page a few times? I checked it on Firefox and Chrome and it works fine on my end.
Best regards,
Yigit
Hi,
I still cannot reproduce the issue but looking at the screen recording you shared, I believe following code might help
#custom_html-3 a {
display: inline-block!important;
}
Could you please try it and let us know if that works?
Best regards,
Yigit
This resolved the vertical realignment, but made the images very small and spaced apart. Is there a way to restore their size and have them all on a horizontal alignment like in the recording before I hovered over them?
Hi,
Could you please try following instead?
#custom_html-3 a {
display: inline!important;
}
Best regards,
Yigit
This fixed it! Thank you so much for all the help
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit