How can I make the collection list pictures fill the screen

Store Design
,

Topic summary

A user seeks to make collection list images fill the entire screen width without borders and overlay text directly on the images, using the Trade theme.

Current Status:

  • Two support representatives requested the store URL and password to examine the issue and provide tailored solutions.
  • One responder provided a partial CSS code snippet targeting .collection-list-wrapper with properties to remove padding and set max-width to 100%.

Technical Approach:

  • The suggested solution involves adding custom CSS through Online Store > Themes > Customize.
  • The code snippet appears incomplete in the conversation.

Resolution:
The discussion remains open, awaiting the store URL from the original poster to provide a complete, tested solution.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

How can I make the collection list pictures fill the screen, so there a no borders

and put the text on the pictures?

I use the Trade Theme

bon2828.png
bon2828.png1877×615 193 KB

just like this

2

Hi @Bon2828 , Can you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

3

can you share store url

4

Hi @Bon2828

You can do that by adding this code to Custom CSS of that section in Online Store > Themes > Customize

.collection-list-wrapper {
    max-width: 100% !important;
    padding-left: 0px !important;;
    padding-right: 0px !important;;
}