Adjust and reduce font size and line spacing - Dawn Theme

Topic summary

A user seeks to reduce font size and line spacing across multiple sections of their Dawn theme Shopify store for both desktop and mobile views.

Current Progress:

  • Successfully implemented changes for “image-with-text” sections on product pages (mobile only)
  • Used custom CSS in the theme.liquid file
  • Changes currently only apply to mobile to extend text width across the screen

Requested Help:

  • Extend font size and line spacing adjustments to desktop view
  • Apply similar changes to additional sections highlighted in screenshots (7 images provided showing specific areas)
  • Need CSS code for each targeted section

Solution Offered:
A respondent (TikitaTech) suggested using a desktop media query (min-width: 750px) to customize the same sections for desktop separately. They provided specific CSS classes for the circled sections and offered further assistance if needed.

Status: Solution proposed but awaiting implementation/confirmation.

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

Hello,

I’d like to be able to reduce the font size and the space between lines on several sections of my site and have the changes apply to both desktop and mobile.

I’ve managed to do this for the “image-with-text” sections on the product page.
But I only applied the code for mobile because I wanted to extend the space the text occupied across the width of the screen only on mobile.

Now I’d also like to be able to reduce the font size and line spacing of the “image-with-text” sections on desktop.

The code I used at the bottom of theme.liquid file:


I’d like to apply font’s sizes and space between lines changes to the sections I’ve circled in my screenshots. I guess I need to put a line of code for each section in the theme.liquid file.

If anyone knows any code that would allow me to do this, it would be great!

Here’s my website’s link: https://ancestraathletes.com

Thank you!

Hi @Julietteweb !

If you add in a new media query for desktop (min-width: 750px) you can edit the same sections to customise them for desktop layout.

I’ve added some classes for the sections you circled, but let me know if you need any more specific details!