Increase Image Banner Heading Size on PC

Technical Q&A
, , , ,

Topic summary

A user seeks to increase the image banner heading size beyond default theme settings, specifically for desktop/PC users only.

Proposed Solution:

  • Edit the theme’s base.css file via Online Store → Edit Code
  • Add CSS targeting .banner__heading.inline-richtext h1 strong with font-size: 74px !important
  • Use a media query @media (min-width: 1024px) to apply changes only on desktop screens

Current Status:

  • The suggested CSS code appears corrupted/garbled in the response
  • User reports the solution did not work or produce any visible changes
  • Issue remains unresolved; may require corrected CSS syntax or alternative approach
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

How can I make the heading on an image banner larger than the standard settings allow, but only for PC users?

STORE https://timecraft.se/

Skärmavbild 2024-11-30 kl. 03.16.00.png
Skärmavbild 2024-11-30 kl. 03.16.00.png3420×2224 639 KB

2

go to your online store → edit code → base.css file and paste this code these

@media (min-width: 1024px) { 
  .banner__heading.inline-richtext.hxxl strong {
    font-size: 74px !important;
  }
}
3

Hi, it didn’t make any changes.