Minimize Footer Size & Spacing

  • Unknown's avatar

    I’m wondering how I can minimize the size of the footer on my current layout. I’m also wondering how I can minimize the space that is currently between each of my blog posts (the space generally happens at the bottom of each post). Can anyone help me with this?

    http://www.breecrowder.wordpress.com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    To reduce the padding on the top of the footer, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

    .site-footer {
        padding-top: 0;
    }

    To reduce the space between posts, add the following. You can change the 0 to whatever padding you like, such as 10px or whatever.

    .hentry {
        padding-bottom: 0;
    }
  • Unknown's avatar

    Thank you, that worked perfectly! Do you know how I can minimize the space between the date and author, and the bulk blog text?

  • Unknown's avatar

    Hi @breecrowder,

    I don’t see author name there but you can minimize the space between the date and the bulk blog text by using the following CSS code.

    .entry-header {
         margin-bottom: 10px;
    }

    Kind Regards,
    Vinod Dalvi

  • The topic ‘Minimize Footer Size & Spacing’ is closed to new replies.