How To Add A Text Block At Bottom Of Shopify Footer On Dawn Theme

Store Design
, ,

Topic summary

A user seeks to add their business address to the footer of a Shopify store using the Dawn theme, positioned below the footer menu.

Solution Provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add custom CSS code targeting the footer blocks wrapper to display the address with centered text alignment
  • The address text is added directly in the CSS content property

Issue Encountered:
After implementation, unwanted code text appeared at the bottom of the page (the literal “Write it here!” placeholder text was visible).

Resolution:
The issue was clarified—users should replace the placeholder text in the CSS code with their actual address while keeping the quotation marks intact. The original poster confirmed they fixed the display issue.

Follow-up Question:
Another user asked how to add hyperlinks to the footer text, but this remains unanswered.

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

I would like to add our address at the footer of Dawn theme right below the footer menu. Could someone give me a hand on how to do it?

Web: https://epokhe.shop/

Ideally it’d be in the red box below:

Epokhe_0-1694194320176.png
Epokhe_0-1694194320176.png1911×935 155 KB

Thanks!

1 Like
2

Hi @Epokhe

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.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:
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet:after {
    content: "Write it here!";
    text-align: center;
    padding-top: 15px;
}

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    flex-direction: column;
    gap: 0px;
}

.footer-block.grid__item.footer-block--menu {
    display: contents;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Thanks @Made4uo-Ribe ,

I can now edit the bottom text just like I want. The only thing is some code has popped up at the vry bottom of the page. Mind to let me know how to remove it keeping the “Write it here!” text?

Epokhe_0-1694199623100.png
Epokhe_0-1694199623100.png1913×504 44.7 KB

Thanks!

1 Like
4

oh, thats where you write the address you like to put. Just be sure dont delete the " " qoutation.

5

How did you add the “FAQ, Privacy Policy, Contact Us, etc.,” text?

6

Sorry I don’t think I explained myself correctly, I mean the code that’s appeared at the very bottom of my website. The address looks good but the code at the bottom appeared out of nowhere and I don’t know how to get rid of it.

Thanks!

Epokhe_0-1694252668949.png
Epokhe_0-1694252668949.png1925×648 35.8 KB

7

Nevermind, just fixed it. Thanks a million @Made4uo-Ribe !

1 Like
8

How do I add a link to that text?