Decrease the font size on SlideShow on Dawn theme

Store Design
, , ,

Topic summary

Goal: decrease font size specifically on the slideshow in the Shopify Dawn theme.

Recent updates:

  • A working fix for the slideshow subtext was shared: edit Online Store → Theme → Edit code → Assets → section-image-banner.css and add a CSS rule: .banner__text { font-size: 30px; }. The requester confirmed this solved the subtext size.
  • Further help requested to reduce the slideshow header and button text size.

Additional suggestions:

  • CSS provided to adjust button and menu text:
    • a.button.button–secondary { font-size: 13px; }
    • .list-menu__item { font-size: 14px; }
    Note: the code shows “font -size” with a space, which should be “font-size”. Also, .list-menu__item targets navigation menu items, not the slideshow header.

Context and terms:

  • Dawn is Shopify’s default theme; CSS selectors target elements in theme files.
  • The screenshot of the slideshow was included, but the key guidance is in the CSS snippets.

Status:

  • Subtext size resolved; button size likely addressed.
  • The exact selector for the slideshow header is still unspecified; confirmation from the requester is pending. Discussion remains open.
Summarized with AI on January 31. AI used: gpt-5.
1

i would like to decrease the size of the font on the slideshow only

slideshow.png
slideshow.png1145×749 440 KB

2

@Montique ,

Share the URL and which font size you want to decrease.

3

Hi @Montique

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->section-image-banner.css

.banner__text {
    font-size: 30px;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Thanks that worked for the subtext, any chance you could help with the header and the button?

5

@Montique

a.button.button--secondary {
    font-size: 13px;
}
.list-menu__item {
    font-size: 14px;
}