SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    unable to adjust margins above 40px

    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.

  2. #2
    SitePoint Addict bronze trophy
    Join Date
    Mar 2013
    Location
    Oneonta, NY
    Posts
    307
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Tim,

    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,

    Shawn

  3. #3
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,533
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    Hi, tim@getdim,

    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.
    Code:
    .widget_inner.last {
        background: none repeat scroll 0 0 transparent;
        margin-left: 280px;
        padding-right: 0;
    }
    .widget_inner {
        background: url("images/footer-line.png") repeat-y scroll right center transparent;
        margin: 0 0 0 15px;
        min-height: 155px;
        padding-right: 0;
        width: 480px;
    }
    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;">


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •