Archived topic
Different Content Layouts Setup
7 replies · Started by Anonymous on May 3, 2015
I'd like to customize different content layouts for posts and pages.
For example -
- "Separate Containers" for pages
- "One Container" for posts
Is it possible to do like that?
Thanks Tom.
Hmm, might be tough..
Set everything to one container, then add this CSS (assuming you're using the right sidebar):
.page.right-sidebar.one-container .site-main {
margin: 20px 20px 20px 0;
padding: 0;
}
.page.one-container .inside-right-sidebar {
margin-bottom: 20px;
margin-top: 20px;
}
.page-container .widget {
margin-bottom: 20px;
}
That should do separate containers on pages, and then use the one container setting for everything else.
First try (this morning), it didn't seem to work. I will try that CSS when I get home.
Here's what I want to achieve.
I use "sections" addon for home page. That's how I setup -
Customize
---------
Content Layout = Separate Containers
Sections Addon
--------------
Box Type = Contained
Inner Box Type = Contained
That way, the home page displays in boxed layout with background.
I don't want to display other regular pages and posts (with sidebars) in separate containers layout.
#########################################
I try the other way -
Customize
---------
Content Layout = One Container
Sections Addon
--------------
Box Type = Contained
Inner Box Type = Contained
Then, the regular pages and posts (with sidebars) displays in one container but the home page is in full-width layout - not in boxed layout with background anymore.
Hmm, the sections should still be in the boxed layout regardless of the content layout setting.
Do you have a link where you're trying this so I can take a look?
Hi Tom
This is how I setup -
Content Layout = One Container
Box Type = Contained
Inner Box Type = Contained
The sections from home page are not in boxed layout. They are in full-width layout and cover the background image.
Can you try adding this CSS?: http://generatepress.com/forums/topic/content-layout-problem/#post-104101
Hey Tom
After adding CSS to child, it works!
Thanks you so much.
You're welcome :)