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

Solved

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

Epokhe
Shopify Partner
13 0 4

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

 

Thanks!

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
7742 1872 2291

This is an accepted solution.

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;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_1-1694198799074.png

     


     

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 7 (7)

Made4uo-Ribe
Shopify Partner
7742 1872 2291

This is an accepted solution.

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;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_1-1694198799074.png

     


     

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Epokhe
Shopify Partner
13 0 4

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

Thanks!

Made4uo-Ribe
Shopify Partner
7742 1872 2291

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Epokhe
Shopify Partner
13 0 4

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
Shopify Partner
13 0 4

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

elishevadesigns
Shopify Partner
2 0 0

How do I add a link to that text?

abbyarend
Visitor
3 0 0

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