How can I align footer text to the left in Dawn?

Store Design
,

Topic summary

A user seeks to left-align footer headings and text in the Dawn theme, which defaults to center alignment.

Solution Provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the base.css file in the Assets folder
  • Add CSS targeting .footer-block.grid__item.scroll-trigger.animate--slide-in
  • Apply text-align: left and margin-left: 0px

Resolution:
The initial CSS snippet didn’t work. Adding !important to the text-align property successfully resolved the alignment issue. The user confirmed the solution worked.

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

Hello,

I want to align the heading along with the text in the footer section to the left. By default, it’s aligned centrally as shown in the pic below.

Store link: https://0bc922.myshopify.com/

randomchikibum_0-1687542729729.png
randomchikibum_0-1687542729729.png1354×427 19.3 KB

1 Like
2

Hi @randomchikibum ,

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.footer-block.grid__item.scroll-trigger.animate--slide-in {
    text-align: left;
    margin-left: 0px;
}

Result:

Ribe_Dagandara_0-1687544524081.png
Ribe_Dagandara_0-1687544524081.png952×422 16.9 KB

I hope it help.

3

I tried this but its not working

4

How about this one?

.footer-block.grid__item.scroll-trigger.animate--slide-in {
    text-align: left !important;
    margin-left: 0px;
}
1 Like
5

Thanks!

6

Welcome. :blush:

1 Like