Yavor Spassov

Your site has only one footer and the section is called the footer section. If you want to get technical, I’m talking about the following piece of code:

<footer class="footer-bottom">
<div class="innerwrap">
<div class="fbottom">
<div class="footer-left">
Copyright ? 2014. My Blog</div><!-- FOOTER LEFT END -->

<div class="footer-right">

<a href="https://www.dezzain.com/wordpress-themes/mesocolumn/">Mesocolumn</a> Theme by Dezzain

</div>
</div>
<!-- FOOTER RIGHT END -->

</div>
</footer>

However, the styles I gave you should be applied to the stylesheet of the theme. I showed you how to adjust the footer, and the rest of the content to follow the maximum width of 1440px.

You can also set the footer as follows:

footer {
margin: 0 auto !important;
max-width: 1440px !important;
float: none !important;
}

Also, remove the float: left for the footer tag.

I’ve done the changes in Chrome and everything works fine. The overall width is now set at 1440px. Let me know if you have problems implementing these changes.

You can set the maximum width of the page to 1440px by replacing the container id with the following code:

#container {
/* float: left; */
width: 1440px;
margin: 0 auto;
padding: 0;
}

Then you will have to deal with the footer separately because it is the only element outside of this container.

Yes, I saw it, and I viewed your site with Chrome Version 37.0.2062.124 m. There is no horizontal scroll bar on any page width.

I don’t see a horizontal scroll bar when viewing your theme with Chrome.

At least now both your top navigation and footer are the same width – 1750px. If you attempt to reduce their widths, however, both elements will float to the left.

You can add max-width: 1440px; to the footer but then you will need to center it because it is floated to the left.
The footer is also the only element outside of the div with the id wrapper which makes me wonder why. Perhaps here lies the problem. Contact the theme author – Richie KS.

Open your stylesheet file in the theme’s directory and go to line 49. At present you are using footer-bg.png as background. It has a green color.

If you want to change the background color, replace the code

.footer-container {
    background: url('../images/footer-bg.png') repeat scroll 0% 0% transparent;
}

with

.footer-container {
    background: #404040;
}

It will change the color to grey. I guess you don’t want this particular color so replace it with any color you want.

You can change the navbar to whatever color you want by editing the stylesheet file of the theme. I already did it for my portfolio website based on My Simone.

ок. I’ll continue with the One-Page Style Site when I finish the current course which is quite extensive and long. I’m at the point where you style the single post template. I think I’m going to make a portfolio site based on your course “WordPress – Building a One-Page Style Site” because my current site doesn’t look that great and is not based on WP. You can see it at:
https://myowndesigns.info/

I’m waiting for the chance to speak to Morten Rand-Hendriksen himself!