Seperate home page post width and single page width [twenty sixteen]

  • Resolved wsqgl123

    (@wsqgl123)


    9 years, 1 month ago

    Site: i17news.com

    I want the home page summary(or excerpt so called) to be different length than the actual post

    Shown below:
    summary – https://imgur.com/TJS6Ovb
    actual post – https://imgur.com/mfhhV8i

    Currently the css is below, is it something like setting a “.single”?

    body:not(.search-results) article:not(.type-page) .entry-content {
	float: right;
	width: 80%;
}

    what i want is acutal post around 90% and summary at around 70%

    want: this

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try:

    .home .post { width: 70%; }
.single .post { width: 90%;}

    .home refers to the homepage, .single to single.php and .page to page.php if you need change there.

    Thread Starter wsqgl123

    (@wsqgl123)

    I tried it and apparently .post shifts everything including header and featured image,

    is it possible to only shift the content?

    I tried .entry-content and it didn’t work as well.

    Thanks

    Hey,

    try this below
    body:not(.search-results) article:not(.type-page) .entry-content entry:

    body.home article:not(.type-page) .entry-content {
		float: right;
		width: 70%;
	}

	body.single article:not(.type-page) .entry-content {
		float: right;
		width: 90%;
	}
    Thread Starter wsqgl123

    (@wsqgl123)

    Wow thanks so much, exactly what i wanted!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Seperate home page post width and single page width [twenty sixteen]’ is closed to new replies.