WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Removing White Space in Footer of Twenty Twelve (5 posts)

  1. jbwhisler
    Member
    Posted 8 months ago #

    I happen to have a lot of white space between the footer on my website and the main content below "Download Sermon Audio." I need some help removing this in my child theme titled "concordiabaptist," which is the child of twenty twelve. I also need some help removing the two horizontal lines in between sermon audio and the footer.

    Here is the website: http://www.concordiabaptist.com
    Any help would be appreciated. Thanks.

  2. Pioneer Valley Web Design
    Member
    Posted 8 months ago #

    Use this CSS at bottom of Child Theme stylesheet:

    .site-content article {
    	border-bottom: 0;
    	margin-bottom: 0;
    	padding-bottom: 0;
    }
    
    footer[role="contentinfo"] {
    	border-top: 0;
    	line-height: 1;
    	margin-top: 0;
    	padding: 0 0 10px 0;
    }
    
    hr {
    	display:none;
    }
  3. jbwhisler
    Member
    Posted 8 months ago #

    Everything looks good. I seemed to have lost my <hr> above and below the elements at the bottom of the page. (Download sermon audio and also the Sundays at 10:30)

    Thanks again for your help.

  4. Pioneer Valley Web Design
    Member
    Posted 8 months ago #

    You can replace this CSS:

    hr {
    	display:none;
    }

    with something like (not tested)

    .site-content hr {
    	display:none;
    }

    which will hide (display:none;) hr in only the container(s) with the class .site-content or edit the hr style which is adding much white space.

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

    There are others.

    When editing CSS, use a Child Theme
    http://codex.wordpress.org/Child_Themes
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS: http://www.w3schools.com/css/

  5. jbwhisler
    Member
    Posted 8 months ago #

    Thank you. I will play around with the CSS. Much appreciated.

Reply

You must log in to post.

About this Topic