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…

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

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

Adicionando logotipos na seção do rodapé

Dev

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

hmmm talvez tente https:// em vez de http://? mas parece que deve funcionar

Tópico		Respostas	Visualizações
Easy Responsive Footer Theme component official , easy-responsive-footer	109	40952	18 de Novembro de 2025
Svg mobile logo scales incorrectly Bug	13	1174	8 de Março de 2023
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	31 de Janeiro de 2024
Header bar got drunk on Firefox Bug	13	2527	18 de Março de 2016
Any way to change at what width the small logo appears? Development	8	263	29 de Julho de 2026

Adicionando logotipos na seção do rodapé

Tópicos relacionados