[capodannoParticipant]

Is it possible to have only the blog page include a boxed layout with background photo, to take advantage of the lovely creative layout of the icons? I would like this layout only on the blog, and not on all the other pages. (All pages but the blog are full-width.)

Thank you!

[capodannoParticipant]

Oops, I should mention I’m using the Renew stack, and here’s a link: http://dogwriters.visualspring.net/blog/

[ChristianModerator]

Hey there,

Please try adding the code below in your Appearance > Customize > Custom > CSS.

.blog .site {
  width: 88%;
  max-width: 1700px;
}

Hope that helps.

[capodannoParticipant]

I changed your code to max-width: 1200px and then it worked great! But how can I have the individual blog post pages, category archive pages, etc… (all blog related pages) look the same way?

http://dogwriters.visualspring.net/blog/

[RubinKeymaster]

Hey There,

You will need to add additional class selectors. For categories, archives and index pages:

.archive {
  width: 88%;
  max-width: 1200px;
}

For single blog page:

.single {
  width: 88%;
  max-width: 1200px;
}

or you just add them all in one statement with a comma.

[capodannoParticipant]

I added this additional code, and it added the background photo, but shifted everything to the left. Here’s an example of an archive page. Same thing happened on the single post pages:
http://dogwriters.visualspring.net/2015/06/

[capodannoParticipant]

I’m also noticing when I added the “single” and “archive” it also changed my forum page (but not all forum pages.) So I think this is getting too complicated, and I’ll just give up on the idea.

[Rue NelModerator]

Hello There,

Please use this code instead:

.archive:not(bbpress),
.blog,
.single:not(bbpress) {
  margin: 0 auto;
  width: 88%;
  max-width: 1200px;
}

Please let us know if this works out for you.

[Author]

Posts