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 ) 2023 年 6 月 6 日午後 3:41 4

hmmm https:// を http:// の代わりに試してみてはどうでしょうか？でも、それは機能するはずのように見えますね

トピック		返信	表示
Easy Responsive Footer Theme component official , easy-responsive-footer	109	40951	2025 年 11 月 18 日
Svg mobile logo scales incorrectly Bug	13	1174	2023 年 3 月 8 日
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	2024 年 1 月 31 日
Header bar got drunk on Firefox Bug	13	2527	2016 年 3 月 18 日
Any way to change at what width the small logo appears? Development	8	263	2026 年 7 月 29 日

フッターセクションにロゴを追加する

関連トピック