Removing Padding and Margins at Bottom of Page

  • HI,

    I am working within a child’s theme of Twenty Twelve and I am trying to remove the ugly big white spaces from within the pages of my website (englishwithruti.com). I have found the location of the CSS for this:

    ‘.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }’

    But when I try to override it by adding the following to my style.php sheet, for whatever reason nothing changes:

    ‘.site-content article {
    border-bottom: 0px single #ededed;
    margin-bottom: 0px;
    margin-bottom: 0;
    padding-bottom: 0px;
    padding-bottom: ;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }’

    I am baffled and would love whatever help I can get to figure this one out.

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

  • I presume you mean style.css not style.php?

    otherwise that is your problem ??

    Thread Starter bheligman

    (@bheligman)

    haha, yeah sorry – it’s named correctly as style.css.

    Just checking – many a problem is fixed by the obvious !

    So you’re child style sheet should override the parent code.

    Again, just checking that you’re doing the obvious you have imported the parent them in your syle sheet ala

    @import url(“../twentytwelve/style.css”);
    ]
    and are then adding your code above in your child css after this?

    sorry if I’m asking the obvious, but what you are doing in your original post looks fine !

    Two other things

    1. is the .site content article {} all the css relating to that – sometimes there can be two chunks of code starting with that and you need to put both lots into your style to get it to work

    2. you could try making the changes important eg

    border-bottom: 0px single #deeded !important;

    This will prevent something later on overriding it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing Padding and Margins at Bottom of Page’ is closed to new replies.