Main Page Content With Footer Removed


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{
.copyright {
display: none;
.site-footer {
display: none;

i adapted it from the CSS Code I found in this thread:

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 for reference.

Thank you!

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


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.


hey there

Please add this CSS in appearance - customize - additional CSS

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

Colorlib Support Team