Hi @akloepfer
On Atlas we have a Custom Content (CC) component added to the home page quilt. Using a CC means that we can make quick changes via admin instead of having to make changes in Studio and then pushing to production.
Ideally any banners will be pre-planned and can be uploaded via the asset library on Studio and have already been pushed to production but if you do need something pushed urgently then you can upload to your personal image gallery as hidden on your community, get the direct link to the image and use that in the code.
The code in the CC can just be very basic html:
<a href="destinateion url"><img src="image url"></a>
Depending on the size of the image and if your users use other devices you may need to add in some extra styling and assets to make sure it works on mobile etc. e.g.
<style>
.image-responsive-style {
width:auto;
margin-top:20px;
margin-left: -12px;
cursor: pointer;
}
.desktop-margin-image {
margin-bottom: -25px;
}
@media only screen and (min-width: 1024px) {
.desktop-margin-image {
margin-top : -38px;
}
}
@media screen and (max-width: 767px) {
.lia-quilt-community-page .image-responsive-style {
margin-top: 0px;
margin-left: 0px;
cursor: pointer;
width: 100%;
}
}
</style>
<center>
<div class="desktop-margin-image">
<a href="/t5/Kudos-Awards-2022/con-p/kudosawards2022">
<picture>
<source media="(min-width: 1024px)" srcset="/../ desktop image url">
<img src="/../ mobile image url" class="image-responsive-style">
</picture>
</a>
</div>
</center>
... View more
