How can I adjust the width of an image banner on my website?

Topic summary

A user seeks help adjusting an image banner width to align with the rest of their website layout.

Solution Provided:

  • Add custom CSS code to the theme’s base.css file
  • Navigate to: Themes > Edit Code > base.css
  • Insert code targeting the specific banner div with max-width: 90% and margin: auto properties

Visual Evidence:
Before/after screenshots demonstrate the banner width adjustment successfully matching the site’s overall design.

Status: Resolved with working CSS solution.

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

Hi guys, how can I change the width of the this image banner to match the rest of the website. Website: https://flammashop.com/. Any help is greatly appreciated!

Add this code to the bottom of your themes base.css file (Themes> “…”> Edit Code> base.css)

div#Banner-template--14973500751974__image_banner_VV8P3G 
{max-width: 90%;
    margin: auto;}

Before VS Result:

Hope that works for you!
@biznazz101