Change banner size

Topic summary

A user seeks to reduce the height of their homepage banner. They provide a screenshot showing the current banner size.

Solution provided:

  • Add CSS code to the theme.css file
  • The code targets .flickity-viewport and sets height to 500px using !important

Outcome:

  • The solution successfully resolved the issue
  • The original poster confirmed it worked
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hi everyone,

Is there a way to change the size of the banner on a home page?

I would like it to be slightly slimmer/ less high.

https://luyendykjewelry.com/

Thank you in advance!

Heyy @Chrystel078 please paste this code in theme.css file

.flickity-viewport {
    height: 500px !important;
}
1 Like

That’s it, thanks!