[Theme : TwentyTwelve] Removing white space in between posts

  • Resolved DavidGrzyb

    (@davidgrzyb)


    10 years, 11 months ago

    Hey everyone! I’m currently modifying the TwentyTwelve theme using a plugin allowing me to add on css. I am however now stuck on how to get rid of some white space in between posts on the homepage. My site is techneversleeps.com. When on the homepage, you will see that below the first post, the “Lorem Ipsum” post has a lot of white space above the title. This always happens for all the posts except the first one.

    Here is what I added to the CSS: 

    #page {
	margin-top: 18px;
}

.comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: none!important;
	box-shadow: none!important;
}

.site-header {
	margin-top: -20px;
	padding: 0;
}

.nav-menu {
	margin-top: -25px;
}

#page {
	margin-top: 18px;
}

article.sticky .featured-post {
	display: none;
}

.entry-header .entry-title a {
	color: grey;
}

    The first post on the homepage is a sticky by the way. Any help is greatly appreciated! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • core-basic

    (@core-basic)

    10 years, 11 months ago

    You’re going to hear it from several others I’m sure, but let me start with this. Always use a child theme.

    http://codex.wordpress.org/Child_Themes

    As far as the margin. Just right click and inspect the post section in your browser, see what class or div is producing the bottom margin and modify it in your css. I kno that’s vague but it is better to teach you to fish. No one here will really give you a specific CSS related answer.
    Good luck.

    WPyogi

    (@wpyogi)

    10 years, 11 months ago

    Try adding this to your custom CSS:

    .site-content article {
    margin-bottom: 2rem;
}

    Change the 2 to adjust the spacing if needed.

    Thread Starter DavidGrzyb

    (@davidgrzyb)

    10 years, 11 months ago

    I have used the tool to see the different containers however I was not able to get anything to my standards. I also clearly outlined that i’m using a plugin to add css, i’m not modifying the theme files in anyway directly. 🙂

    @wpyogi I’ll try that 🙂

    Thread Starter DavidGrzyb

    (@davidgrzyb)

    10 years, 11 months ago

    YES THANKS FOR THE HELP IT WORKED! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme : TwentyTwelve] Removing white space in between posts’ is closed to new replies.

Tags