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

[NOYYA]

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

It looks like this right now

[Dan-From-Ryviu]

Hi @NOYYA 

Could you share your store URL? 

[JuneN]

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

[BrainStation23]

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:

Let us know if you need any help.

[Anshul_arora]

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.

-

Code -:

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

I hope the solution helps you.

Thank you.