[Resolved] Containers for posts, pages and widgets

Home Forums Support Containers for posts, pages and widgets

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1228033
    ch1800

    I have set the Content Layout to Separate Containers and I get them correctly at homepage when listing a row of posts in 3 columns (white background for the excerpts on gray background for the page), but the /blog/ page lists by default all excerpts, one after the other, without separation. The same for the sidebar column.

    In order to change this I added the following:

    .separate-containers .site-main > * {
      margin-bottom: 20px;
    	margin-top: 20px;  
    	margin-bottom: 24px;
    }
    
    .separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar {
      margin-top: 20px;  
    	margin-bottom: 20px;
    	margin-left: 24px;
    }

    but I still don’t get the bottom margin correctly for the post/page contents to separate them from the blue footer.
    Are those 2 snippets correct or did I miss something?

    #1228243
    David
    Staff
    Customer Support

    Hi there,

    add this to your CSS:

    .separate-containers .site-main>:last-child {
        margin-bottom: 24px !important;
    }
    #1228258
    ch1800

    That did the trick, thanks David!

    #1228266
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.