Hi, I would like to add the logos of the universities supporting the forum I manage: https://fspm.discourse.group As you can see at the bootom, I manage to add them however I would like to: add a link to each logo spacing them keeping the original proportion of Gottingen logo that for some reaso…

Hi Michele, Could you try the following code? HTML (I removed the images width attributes and added a wrap class to the container): <div class="wrap custom-footer-image"> <a href="https://www.wur.nl/en.htm/"><img src="https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/stan…

Try this CSS: .custom-footer-image { display: flex; justify-content: center; align-items: center; gap: 1rem; img { max-width: 30%; height: 100%; } } You can add a link doing so: <a href="https://..."><img... /></a>

The CSS trick works, thanks! The link I still cannot manage i tried the follwing in footer but it doesn’t work.. (i am testing on the third logo) <div class="custom-footer-image"> <img src="https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/standard21/uploads/fspm/original…

It’s correct, but you might need to adjust the CSS as well: .custom-footer-image { display: flex; justify-content: center; align-items: center; gap: 1rem; a { max-width: 30%; height: 100%; } } Make sure to use https as stated Lilly and change the two f…

I inserted the following and now even the logos are gone: <div class="custom-footer-image"> <a href="https://www.wur.nl/en.htm" target="_blank"> <img src="https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/standard21/uploads/fspm/original/1X/f2f2e6d11a09f6ceadecf437c…

why do you have the spaces and backslashes in the ends of your html image tags?

Do you mean at the end of every row where the logos are called? I don’t really know - I just copy pasted some code from others

Your HTML is correct. <div class="custom-footer-image"> <a href="https://www.wur.nl/en.htm" target="_blank"> <img src="https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/standard21/uploads/fspm/original/1X/f2f2e6d11a09f6ceadecf437c48b24c8f44ea76d.png" alt="Footer Ima…

this code worked for me and i just tested it. .custom-footer-image { display: flex; justify-content: center; align-content: center; gap: 2rem; img { max-width: 20%; height: 100%; } } <div class="custom-footer-image"> <a href="https://www.wur.nl/en.…

I’m unsure if it’s because you’re using a different theme, but the image css doesn’t look good to me. :thinking: ▶ what I see

Adding logos in footer section

Development

Lilly (Lillian ) June 6, 2023, 3:41pm 4

hmmm maybe try https:// instead of http:// ? but that looks like it should work

Topic		Replies	Views
Easy Responsive Footer Theme component official , easy-responsive-footer	109	40952	November 18, 2025
Svg mobile logo scales incorrectly Bug	13	1174	March 8, 2023
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	January 31, 2024
Header bar got drunk on Firefox Bug	13	2527	March 18, 2016
Any way to change at what width the small logo appears? Development	8	263	July 29, 2026

Adding logos in footer section

Related topics