• does anyone know how i can edit the css to create less overall white space around the picture previews on the homepage on my site? in between each post vertically, there is more white space that i would like. i like seeing the Replies underneath, and in general, i’m happy with the layout, but there’s no reason for them to be so vertically spread out. i did a lot of sleuthing through the css to look for something obvious, but i am still clueless. i know i can edit the overall margin of the site content, but in this case, i am asking about the vertical white space between and around posts.

    https://www.travelwithcastle.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • It’s the margin-bottom and padding-bottom in your child theme style.css file here:

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

    You should use a child theme to make changes.

    The css styles to change are :

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

    Sorry WPyogi you beat me to it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘less white space on homepage posts’ is closed to new replies.