Site logo

Archived topic

Different Content Layouts Setup

7 replies · Started by Anonymous on May 3, 2015

Viewing posts 1–8 of 8

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.

http://bestmyanmarmovie.com/thrive/home/

Hey Tom

After adding CSS to child, it works!

Thanks you so much.

You're welcome :)

This archived topic is closed to new replies.