I want to increase the left and right margins of the homepage on my site (integratedliving.org) but every time i try to go above 40px on both sides, all my content starts shifting to the right.
I have tried padding and margins, and i cant seem to figure out how to fix this.
It is a wordpress site.
I’m not sure what you have going on in terms of other elements but remember that you only have so much space to work with. Have you tried reducing the width of the center elements as opposed to increasing the width of the margins?
Hope that helps,
I'm not a Wordpress person so these are clues, not answers.
The problem seems to be in the footer section. <div class="widget_inner last"> is overflowing the right edge of the grid by about 45px.
These two properties seem to be involved with the problem.
background: none repeat scroll 0 0 transparent;
<font color='red'>margin-left: 280px;</font>
background: url("images/footer-line.png") repeat-y scroll right center transparent;
margin: 0 0 0 15px;
<font color='red'>width: 480px;</font>
You might try altering these values to something that stays within the grid.
The following <p> tag is totally weird:
<p 50px;"="" margin-top:="" -40px;="" margin-bottom:="" style="style=">
You'll have to address this margin-right100px, too:
<p align="right" style="margin-bottom: -20px; margin-right: 100px;">