Dawn theme multicolumn pharagraph text letter spacing customization

Store Design
, , , , , , , ,

Topic summary

Goal: Adjust multicolumn paragraph text in the Dawn theme so letter spacing is set to 0px via custom code.

Context: Store link and password were shared. The exact section location in the theme was requested for clarification.

Proposed actions:

  • Edit code and add CSS to theme.css/base.css: body.template-index.loaded p { line-height: 1.5 !important; }. This changes line-height, not letter-spacing.
  • Add Custom CSS in Theme Settings: .multicolumn-card__info { text-align: justify; }. This changes text alignment, not letter-spacing.

Status: No solution provided yet that directly sets letter-spacing. The original request (letter-spacing: 0px for multicolumn paragraph text) remains unaddressed. Further guidance needed to target the correct selector (e.g., the multicolumn text container) with the CSS property letter-spacing.

Summarized with AI on December 12. AI used: gpt-5.
1

I’m using dawn theme latest version in that i need to improve the design so that i need to make the letter spacing 0px using any custom code.

website : https://offnorth.com/?_ab=0&_fd=0&_sc=1

password: offnorth

Screenshot 2024-12-16 130533.png
Screenshot 2024-12-16 130533.png1901×272 52.4 KB

thanks in advance

2

Hello @Sivadarshan
Where this section is located?

3

Hi @Sivadarshan ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
body.template-index.loaded p {
    line-height: 1.5 !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

4

Hello Sivadarshan,

Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and add this CSS:

.multicolumn-card__info {
    text-align: justify;
}

Best regards.