Set text block to Flush Left in Dawn 15.4 theme

Store Design
1

I am trying to set a particular set of Rich Text blocks to be flush left instead of centered. Is there a setting built into the theme for this? I don’t see it.

If not, do I need custom CSS? Do you know what the code is and where it goes? I’d like it to know how to confine it to one page AND how to affect the whole site globally if I want to.

Thanks for your help!

3

There are settings to play with on this section:

Screenshot 2025-10-31 at 3.02.53 PM
Screenshot 2025-10-31 at 3.02.53 PM1462×607 83.5 KB

If you need the section to be “glued” to the screen edge, this will need “Custom CSS”

Each section has own “Custom CSS” setting and this code will be scoped to apply to this particular section only.

If you want to add code which will apply to all sections/pages, use “Theme settings”(Cog icon)=> “Custom CSS”

Finally, there is absolutely no need to edit theme code for small tasks like this – theme code edits are likely to make your theme updates problematic.

5

Hey @Josh_Bridge ,
Great question - this is a common Shopify theme customization!
Follow these steps:

  1. Online store
  2. Themes
  3. Customize
  4. Navigate to the page or section that contains your Rich Text block.
  5. Click on the Rich Text section (or the block inside it).
  6. Look for settings like:
  7. Text alignment(often labeled Alignment or Text alignment)
  8. Options like Left / Center / Right / Justify

Add Custom CSS (if theme doesn’t have alignment control)
Target a single page only
If you want the text to align left only on one specific page, do this:

  1. Go to your Shopify admin → Online Store → Themes → Edit code
  2. Open Assets/theme.css, base.css, or similar main CSS file.
  3. Add this at the bottom:
  4. .page--about-us .rich-text__text { text-align: left !important; }
  5. Replace page–about-us with your page’s unique body class.
    Thanks
6

I stumbled onto that setting myself this morning, but this is exactly what I assumed had to be part of the theme. A great, accurate reply. Thanks.

7

To left-align text in Dawn’s Rich Text blocks:

For one section: Use the Custom CSS box in that section’s settings in the theme editor:

css

.rich-text__text.rte {
    text-align: left !important;
}

For the whole site: Add that same code to the bottom of the base.css file in Assets.

The !important ensures it overrides the default center alignment.