How to make an image full width and hight in an image text section?

Shopify Discussion

Topic summary

A user wants to make an image in a Shopify image-text section display at full width and height. They’ve shared a screenshot showing the current layout where the image doesn’t fill the entire section.

Proposed Solution:

  • Navigate to Online Store → Theme → Edit Code
  • Locate one of the CSS files (base.css, theme.css, style.css, main.css, or custom.css)
  • Add custom CSS targeting the specific section class
  • The code uses max-width: 125%, width: 115%, height: 100%, and position: absolute to force the image to fill the container

Status: A solution has been provided but not yet confirmed as tested or working by the original poster.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
2

Hi @NikosBat ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?