How to make Landing Page Image smaller in Studio Theme?

[GIREGGIA]

Hi,

How can I make the landing page image smaller without reducing other images. I need to adjust everytime I upload a new image. I don't want to affect the scale of other images for collection images or product images. Thanks in advance!

[Moeed]

Hey @GIREGGIA 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if template == 'index' %}
<style>
@media screen and (min-width: 768px) {
.collage__item--collection:only-child {
    max-width: 40rem !important;
}
}
</style>
{% endif %}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed