How to set the footer on full width and center aligned in Dawn?

How to set the footer on full width and center aligned in Dawn?

NOYYA
Tourist
6 0 2

I want my footer and the text/blocks to be center aligned.

 

It looks like this right now

Bildschirmfoto 2024-06-20 um 23.56.42.png

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
8548 1687 1694

Hi @NOYYA 

Could you share your store URL? 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

JuneN
Shopify Partner
126 6 37

Hi @NOYYA , 

You can try navigate to Online Store > Themes. Locate your currently used Dawn theme and click on Actions > Edit code. Edit the CSS file:

In the left-hand sidebar, find the base.css file or the CSS file related to the footer, often located in the assets folder. Insert the following CSS snippet to center-align text blocks within the footer:


.footer {
text-align: center;
}

.footer .footer-block {
display: inline-block;
float: none;
text-align: left;
}

.footer .footer-bottom {
text-align: center;
}

If you find my suggestion helpful, please give it a like or mark it as a solution!
And discover more approaches to:
Streamline invoicing process Boost sales with labels & badges Add social proofs & create FOMO
Or get valuable updates and private deals regarding Shopify here.

BrainStation23
Shopify Partner
379 57 55

Hi @NOYYA. You can add the following code in your Footer->Custom CSS option:

.footer-block {
  display: flex;
  flex-direction: column;
  align-items: center;
    text-align: center;
}

You can see the below image for reference:

BrainStation23_0-1718954079067.png



Let us know if you need any help.

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Anshul_arora
Navigator
450 128 93

Hello @NOYYA ,

I understand you are looking to align all the text content of Footer section in center.

You can implement this using Theme Customizer.

- Open the Theme Customizer.

-

Anshul_arora_0-1718959641096.png

 

Code -:

.footer {
  text-align: center !important;
  justify-content: center !important;
}



I hope the solution helps you.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here