How can I center all text on the Dawn theme 2.0?

Store Design
, , ,
1

Im looking to center all text (collection, descriptions, product titles etc) on my Dawn 2.0 theme, can anyone recommend how I can do this please? Thankyou :slightly_smiling_face:

2

In Shopify admin panel, go to “Online Store” > Three Dots > “Edit Code” > “Assets” Folder and open “base.css”. At the very bottom, add this:

body{
text-align: “center”;
}

Click the “Save” button in the top right corner.

3

To center all text in your Dawn 2.0 theme, you can add custom CSS code to modify the text alignment. Here’s how you can do it:

  1. In your Shopify admin, go to “Online Store” and then click on “Themes”.
  2. Locate your Dawn 2.0 theme and click on the “Actions” dropdown, then select “Edit code”.
  3. In the left sidebar, under “Assets”, click on “theme.scss.liquid” to open the theme’s main stylesheet.
  4. Scroll to the bottom of the file and add the following CSS code:
/* Center all text */
body, h1, h2, h3, h4, h5, h6, p, span, a, li, label, button {
  text-align: center;
}
​
4

@NomtechSolution as far as I know, there is no file called theme.scss.liquid in Online Store 2.0 versions of Dawn. The correct file to change is called base.css.

5

Hi @cgwatts ,

Would you mind to share your URL website ( with password)?

Thanks!

6

Hi @cgwatts

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

Online Store ->Theme ->Edit code

Assets ->Base.css

body, h1, h2, h3, h4, h5, h6, p, span, a, li, label, button {
  text-align: center;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly