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

Добавление логотипов в нижний колонтитул

Разработка

Lilly (Lillian ) 06.Июнь.2023 15:41:41 4

Хм, может, попробовать https:// вместо http://? Хотя, казалось бы, это должно работать

Тема		Ответов	Просм.
Easy Responsive Footer Theme component official , easy-responsive-footer	109	40952	18.11.2025
Svg mobile logo scales incorrectly Bug	13	1174	08.03.2023
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	31.01.2024
Header bar got drunk on Firefox Bug	13	2527	18.03.2016
Any way to change at what width the small logo appears? Development	8	263	29.07.2026

Добавление логотипов в нижний колонтитул

Связанные темы