# Main Page Content With Footer Removed

**URL:** <https://colorlibsupport.com/t/main-page-content-with-footer-removed/21638>\
**Category:** Activello\
**Created:** [June 21, 2018, 6:59pm UTC](https://colorlibsupport.com/t/main-page-content-with-footer-removed/21638 "2018-06-21T18:59:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kaybee25](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/k/59ef9b/32.png) [@kaybee25](https://colorlibsupport.com/u/kaybee25)\
**Post date:** [June 21, 2018, 6:59pm UTC](https://colorlibsupport.com/t/main-page-content-with-footer-removed/21638/1 "2018-06-21T18:59:13Z")

</div>

Hi!

Thank you so much for your help on my previous question on link colors.

I have another question, I recently removed the footer of website through a previous post using the code:

/_remove footer_/  
.footer \> div.container{  
display:none;  
}  
.copyright {  
display: none;  
}  
.site-footer {  
display: none;  
}

i adapted it from the CSS Code I found in this thread: [https://colorlibsupport.com/t/how-to-hide-or-remove-page-title-and-footer/](https://colorlibsupport.com/t/how-to-hide-or-remove-page-title-and-footer/)

However, after adding it, it removed the footer but now my site page seems to be wider on the screen and the content is longer. It’s like someone zoomed in on the website. Is it possible to get some CSS help with adding some padding to the top, bottom or sides to fix this?

My site is [millenniallifeadmin.com](http://millenniallifeadmin.com) for reference.

Thank you!

---

<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:** [June 22, 2018, 4:22am UTC](https://colorlibsupport.com/t/main-page-content-with-footer-removed/21638/2 "2018-06-22T04:22:05Z")

</div>

Hi there

i think i need to see the screenshot of the problem from you, can you please provide it with the indicated problem? because for me website looks normally

---

<div class="post-metadata">

**Author:** ![kaybee25](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/k/59ef9b/32.png) [@kaybee25](https://colorlibsupport.com/u/kaybee25)\
**Post date:** [June 26, 2018, 11:06pm UTC](https://colorlibsupport.com/t/main-page-content-with-footer-removed/21638/3 "2018-06-26T23:06:55Z")

</div>

Hi,

Thanks for looking into this. I don’t know if it shows up on your side but the width of the site seems to cut off some text in the column. Particularly for the “Read More” part. I’ve attached a photo.

Thanks!

---

<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:** [June 27, 2018, 3:05am UTC](https://colorlibsupport.com/t/main-page-content-with-footer-removed/21638/4 "2018-06-27T03:05:31Z")

</div>

hey there

Please add this CSS&nbsp;in appearance - customize - additional CSS

.ecae-button.ecae-buttonskin-none {  
position: relative;  
left: 12px;  
}

Thanks!  
Colorlib Support Team