How can i alter the dimension of the second header image of the site, as the main header image?

Store Design
,

Topic summary

A user needed help adjusting the dimensions of a secondary header image on their Shopify store (dentalgoodbuys.com), which was displaying too large. The original image appeared oversized and needed to be framed in a smaller, centered rectangle with reduced height.

Solution provided:

  • Navigate to Assets > base.css
  • Add custom CSS code targeting the specific banner element
  • The CSS applies max-width (90rem) and auto margins to center and constrain the image

Outcome:
The solution successfully resolved the issue. The helper provided visual examples and specific code targeting the banner ID to frame the image appropriately.

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

BUYNOW.jpg
BUYNOW.jpg1888×737 188 KB

I applied a code that cuts the image and does not alter/frame the image in a certain dimension.

website: www.dentalgoodbuys.ocm

2

Hi @NGM2022 ,

I checked and didn’t find the section you requested, you can upload it and send me the preview link, I will help you check it

3

www.dentalgoodbuys.com

the image is big as hell and should be in the center and less height. is it possible to frame it with the measures I set?

4

Hi @NGM2022 ,

You want it to look like this? Reduce the height of the image?

Screenshot.png
Screenshot.png1902×703 307 KB

5

no i would like to frame the image in a smaller rectangle

6

Hi @NGM2022 ,

You want this:

Screenshot.png
Screenshot.png1709×788 227 KB

Go to Assets > base.css and paste this at the bottom of the file:

#Banner-template--16686317994268__f0d8c86e-6d68-4ced-8916-a3095a74f0b4 {
    max-width: 90rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

Hope it helps!

1 Like
7

perfect. thank you

1 Like