# Left or right align footer text

**URL:** <https://colorlibsupport.com/t/left-or-right-align-footer-text/28753>\
**Category:** Shapely\
**Created:** [April 27, 2021, 3:21am UTC](https://colorlibsupport.com/t/left-or-right-align-footer-text/28753 "2021-04-27T03:21:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![teppoh](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/t/dfb087/32.png) [@teppoh](https://colorlibsupport.com/u/teppoh)\
**Post date:** [April 27, 2021, 3:21am UTC](https://colorlibsupport.com/t/left-or-right-align-footer-text/28753/1 "2021-04-27T03:21:27Z")

</div>

Hi,

How to get our footer text (copyright) to align either full on the left side or right side? We have a full 100% website design and want the copyright text to comply with this too.

[http://jspasheji.com/](http://jspasheji.com/)

This are the added footer customization CSS for the footer text, I’ve tried width: 100% and also text-align options (left and right) without no result…

/\* footer \*/  
footer#colophon {  
background:rgba(255,255,255,1);  
padding: 12px 0;  
}

.copyright-text {  
color: #000000;  
}

Kind regards,

Teppo

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [April 27, 2021, 9:54am UTC](https://colorlibsupport.com/t/left-or-right-align-footer-text/28753/2 "2021-04-27T09:54:50Z")

</div>

Hi Teppo

FOoter of your site is blank, there is no any text?

---

<div class="post-metadata">

**Author:** ![teppoh](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/t/dfb087/32.png) [@teppoh](https://colorlibsupport.com/u/teppoh)\
**Post date:** [April 28, 2021, 6:32am UTC](https://colorlibsupport.com/t/left-or-right-align-footer-text/28753/3 "2021-04-28T06:32:48Z")

</div>

Hi sorry,

Actually it still wasn’t blank, the copyright text (© JSPA Design 2009-2021) was just white - the CSS somehow had reverted to the earlier version until I managed to find out how to change the text to black.

Now the text is black and visible again… and actually thinking of it more, we would like to have the text centered on the bottom of the page, how to achieve that?  
I’ve added this to the CSS now, but it’s still a bit left of the center… what to do?

.copyright-text {  
color: #000000;  
text-align: center;  
}

Regards,

Teppo

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [April 28, 2021, 8:57am UTC](https://colorlibsupport.com/t/left-or-right-align-footer-text/28753/4 "2021-04-28T08:57:08Z")

</div>

Hi there

Ok, now its visible, you may use this code to make it full width:

```
footer .site-info.col-sm-6 {
width: 100%;
}
```