# Adding logos in footer section

**URL:** <https://meta.discourse.org/t/adding-logos-in-footer-section/267365>\
**Category:** Development\
**Created:** [June 6, 2023, 8:00am UTC](https://meta.discourse.org/t/adding-logos-in-footer-section/267365 "2023-06-06T08:00:57Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [June 6, 2023, 3:47pm UTC](https://meta.discourse.org/t/adding-logos-in-footer-section/267365/5 "2023-06-06T15:47:10Z")

</div>

It’s correct, but you might need to adjust the CSS as well:

```css
.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:

```html
<div class="custom-footer-image">
    <a href="https://" 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 Image" />
    </a>

    <a href="https://" target="_blank">
        <img src="https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/standard21/uploads/fspm/original/1X/0da449a3a30e30eaa4467e96189b7bd4e0a28a64.png" alt="Footer Image" />
    </a>
    
    <a href="https://algorithmicbotany.org/" target="_blank">
        <img src="https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/standard21/uploads/fspm/original/1X/27ca1fc832ecd29153d2ff150011e0dc056d4f93.png" alt="Footer Image" />
    </a>
</div>

```

---

_[View the full topic](https://meta.discourse.org/t/adding-logos-in-footer-section/267365)._