How to align the footer to the center?

[gautamigolani]

Thanks for the great theme!

I am trying to align the footer in my webpage to the center but have not succeeded in doing so as in the picture below.

I have tried inserting 'text-align: center' under footer.sticky-bottom in _base.scss but it does not work and I am not sure if this is the correct method. Could you please advise on this.

Thank you

[alshedivat]

Good question! Try adding text-align: center to the div inside footer.sticky-bottom, like this:

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

[gautamigolani]

This works perfectly fine!
Thanks for helping out.

[masoudr]

I tried to change this in _base.scss but didn't work.

footer.sticky-bottom {
  border-top: 1px solid var(--global-divider-color);
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 0.9rem;
  text-align: center;
}

[rajanguluri]

text-align: center; worked for me when I added It in footer.fixed-bottom {} environment.