How can I enlarge an image while keeping quality on my Bambu page?

Store Design
, , , ,

Topic summary

A user is trying to enlarge an image on their Bambu page while maintaining quality, wanting it to match the size of their banner image.

Proposed Solution:

  • Add custom CSS code to Admin -> Theme -> Customize Code -> assets -> base.css
  • The code targets .shopify-section .page-width--narrow with a media query for screens min-width 990px
  • Sets max-width to 1440px, width to 100%, and removes padding

Current Status:

  • The suggested CSS solution did not resolve the issue
  • User confirmed it’s still not working and provided a screenshot showing the problem persists
  • The discussion remains open with no working solution yet

Context: This is a Shopify store design issue related to the Bambu theme, involving CSS customization for image sizing.

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

Hi Team.

I created a page named Bambu. How can I achieve in making the image huge with the same quality of the pic? To make it as big as my image banner.

Store: Glowcare.se

PS: Glowcare1991

234.PNG
234.PNG1942×931 222 KB

2

Hi,

To solved, you can follow those steps:

Admin → Theme → Customize Code → assets → base.css

Then add code bellow in that file:

@media screen and (min-width: 990px){
 .shopify-section .page-width--narrow{
    max-width: 1440px;
    width: 100%;
    padding: 0 9rem;
  }
}
3

It did not work

dsf.PNG
dsf.PNG1918×931 176 KB