How to box the blog archive?

Hi @christinahills,

You can add white boxes to each post that displays in archive pages by adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

.sidebar-right .posts-layout .content-inner {
  padding: 60px;
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 767px) {
  .sidebar-right .posts-layout .content-inner {
    padding: 20px;
  }
}

thank you for that work around with the css. I tried it and it works!

However: will you please consider adding this functionality to the customizer?

You already have it in place for pages and single blog posts. So please add it to the blog archive.

thanks!

Need more CSS for this…

the “related Posts” still have the background bleeding through.

What is the CSS to fix that?

see here: https://wpsites7.com/christina/my-fifth-post/

Hi @christinahills,

thank you for that work around with the css. I tried it and it works!

You’re welcome!

However: will you please consider adding this functionality to the customizer?

You already have it in place for pages and single blog posts. So please add it to the blog archive.

I’ve added this to our roadmap.

the “related Posts” still have the background bleeding through.

Try adding this CSS code:

.sydney-related-posts {
        padding: 60px;
        background-color: #fff;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 767px) {

        .sydney-related-posts {
                padding: 20px;
        }
  
}

@kharisblank

that worked perfectly! my related posts now have a white background

see here on my test site
https://wpsites7.com/christina/how-you-need-to-think-to-become-an-entrepreneur/

Thank you!