Decreasing the Margin Above my Home Page Footer

  • Resolved francescabruno

    (@francescabruno)


    11 years ago

    I read a few forums, however I still cannot find the location in my style sheet to adjust what I need. I want to decrease the spacing between my footer and the slideshow gallery on the Home page. Below is a link to my site. Can someone please help me out? The theme I am using is the Twenty Twelve. I already created a child theme as well.

    https://cahillfilms.com/blog/

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    Part of that is from this empty element:

    <footer class="entry-meta"> </footer>

    The CSS is still making space:

    footer.entry-meta {
    color: #757575;
    font-size: 0.928571rem;
    line-height: 1.84615;
    margin-top: 1.71429rem;
}

    Try adding:

    footer.entry-meta {
   display: none;
}

    Same with this:

    <div id="fcbk_share"></div>

    CSS:

    #fcbk_share {
    clear: both;
    height: 40px;
}

    There’s also padding and margins here:

    .site-content article {
    -moz-hyphens: auto;
    border-bottom: 4px double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    word-wrap: break-word;
}

    WPyogi

    (@wpyogi)

    BTW, if you want these CSS changes to apply only to the home page, you can add .home to the selector:

    .home footer.entry-meta {
   display: none;
}

    Thread Starter francescabruno

    (@francescabruno)

    Thank you WPyogi! This helped greatly!

    Thread Starter francescabruno

    (@francescabruno)

    WAIT. Got a little ahead of myself here. For the .home thing. I placed that in the following code:

    .home footer.entry-meta {
    display: none;
    }

    However I have been adjusting the margin using this:

    .site-content article {
    -moz-hyphens: auto;
    border-bottom: 4px double #EDEDED;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    word-wrap: break-word;
    }

    So do I add .home to this as well???? How does that work?

    WPyogi

    (@wpyogi)

    When you add .home it applies the CSS only to the page with that class – it’s from the HTML output in the body tag:

    <body class="home page page-id-2575 page-template-default custom-background full-width custom-background-white custom-font-enabled single-author">

    Thread Starter francescabruno

    (@francescabruno)

    So if I added .home to the “.site-content article” will that help?

    Because it is not doing anything when I add .home to “footer.entry-meta”

    Sorry, I am new at WP. Appreciate the help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Decreasing the Margin Above my Home Page Footer’ is closed to new replies.