Help Making Images Full Screen Width in Container

Shopify Discussion

Topic summary

A user is attempting to remove padding from an ‘images with text’ section on their homepage to achieve full-width display within the container. They’re using the Avenue 2.0 theme.

Issue:

  • Padding appears on both sides of the images
  • Previously attempted CSS code targeting .page-page .container with max-width: 100% !important in assets/styles.css did not resolve the problem

Current Status:

  • Another user has offered to help but requested the store URL and passcode to provide a specific solution
  • The original poster agreed to share credentials via direct message
  • The discussion remains open, awaiting the diagnostic review and custom code solution
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

We’d like to make ‘images with text’ section full width within container on homepage. There is padding on each side which we don’t want to see. We were told to add the below code to assets, styles.css but this did not work. Could anyone please help? Our theme is avenue 2.0 Thank you

.page-page .container {
max-width: 100% !important;
}

2

Hey @WILKS please share Store URL and passcode as well in order to provide you solution code.

3

hi, thanks for your message. Can you send me a DM so i can send you the information. Thankyou