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 ) 6 يونيو 2023، 3:41م 4

hmmm ربما جرب https:// بدلاً من http://؟ ولكن هذا يبدو وكأنه يجب أن يعمل

الموضوع		الردود	مرات العرض
Easy Responsive Footer Theme component official , easy-responsive-footer	109	40951	18 نوفمبر 2025
Svg mobile logo scales incorrectly Bug	13	1174	8 مارس 2023
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	31 يناير 2024
Header bar got drunk on Firefox Bug	13	2527	18 مارس 2016
Any way to change at what width the small logo appears? Development	8	263	29 يوليو 2026

إضافة شعارات في قسم التذييل

الموضوعات ذات الصلة