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 reasons was modfied I wrote this in footer: and this in CSS .custom-footer-image { display: flex; justify-content: center; img { max-width: 30%; } }

Hi Michele, Could you try the following code? HTML (I removed the images width attributes and added a wrap class to the container): CSS: .custom-footer-image { display: flex; justify-content: center; align-items: center; gap: 1rem; a { flex: 1; text-align: center; img { max-width: 100%; } } } How it displays on desktop: [image] On mobile: [image] What do you think? The mobile layout could be changed to two columns of two pictures if they are too small on mobiles.

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:

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)

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 first links:

I inserted the following and now even the logos are gone: .custom-footer-image { display: flex; justify-content: center; align-content: center; gap: 1rem; a { max-width: 30%; height: 100%; } }

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. Try with this CSS instead: .custom-footer-image { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 2rem; a { width: max(20vw, 220px); img { width: 100%; } } } [image] [image]

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%; } } but you’ll need to figure out the image sizing part.

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 [image]

הוספת לוגואים במקטע התחתון

מפתח

Lilly (Lillian ) 6 ביוני,‏ 2023,‏ 3:41pm 4

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

נושא		תגובות	צפיות
Easy Responsive Footer Theme component official , easy-responsive-footer	109	41479	18 בנובמבר,‏ 2025
Svg mobile logo scales incorrectly Bug	13	1210	8 במרץ,‏ 2023
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1283	31 בינואר,‏ 2024
Header bar got drunk on Firefox Bug	13	2556	18 במרץ,‏ 2016
Any way to change at what width the small logo appears? Development	8	295	29 ביולי,‏ 2026

הוספת לוגואים במקטע התחתון

נושאים קשורים