Make images full length on collection pages

Hi Support Team :waving_hand: ,

In my collection pages, it says that my images should be in 16:9 aspect ratio.

But is there a way to make it full width and only in collection page images full width.

For example:

Store Url: www.faithandyou.in

Theme: Refresh

Hi @AryavK ,

As your requirement " Make images full length on collection pages", you can try this following my guide:

Step 1: Go to Online Store => Themes => Edit code

Step 2: Search base.css and add CSS script in the end of the file:

.collection-hero__image-container.media.gradient {
    position: relative !important;
}

Step 3: Save and reload the page.

=>> The result: images were full-length on collection pages

If my solution helps, please tick marked as solutions. Thanks and have a nice day! @AryavK