Docs

[vxvbya]

Hi I want to make my blog pages full width(no container) and also I want to be able to change the background colour for each post. Would you be kind enough to help me?I tried following the information you gave to other users who asked the same question, but for some reason it doesn’t seem to do the trick for my website.

Thank you!

Regards,
Bianca

[Rahul]

Hey There,

Thanks for writing in!

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[vxvbya]

This reply has been marked as private.

[Joao]

Hi Bianca,

Please add the following code to Appereance > Customizer > Custom > CSS

.blog, .single-post .x-main.left {
width: 100%;
max-width: none;
}
.single-post aside.x-sidebar.right {
display: none;
}
.blog, .single-post .entry-content {
   padding: 0 !important;
}

.blog, .single-post  .entry-wrap .x-container.max {
 
  min-width: 100%;
  width: 100%;
}
.single-post .p-meta {

    display: none;
}

.blog .entry-content {
  width: 100%;
  margin: 0;
  padding: 0;
}
.blog .entry-title a:hover, .blog .entry-title a {
font-size: 80%;
}

.blog  div.x-container.max.width {
  margin: 0px;
  width: 100%;
  max-width: none;
}
.blog header .x-container.max.width {
  width: 88% !important;
  max-width: 1200px;
  margin-left: 12%;
}

Hope it helps

Joao

[vxvbya]

It didn’t solve the posts problem. As you can see in the attached image, the posts still have the with container. I don’t want the with container for any of them, I want them to be full width. Any suggestions?

Thank you!

Bianca

[Rue Nel]

Hello There,

Thanks for sending the screenshot. To make the single blog post display in fullwidth, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.single-post .site > .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.single-post .entry-wrap{
    padding: 0;
}

And please keep in mind that every time you insert a section in Cornerstone, there is a default column container. If you want to display the row as fullwidth with the same as the browser width, you must disable the column container in the row settings.

Hope this helps.

[vxvbya]

Hi. Thanks for the reply. It solved the width problem, but at the bottom after the section ends you can see the background(grey colour). There is a distance between the section end and footer as you can see in the picture below.
Can you help me fix that? I want to eliminate that portion of visible grey background so it will remain just the section and footer.

Thank you!

Bianca

[Joao]

Hi There,

Which specific page you are getting this? I checked your website and could not see it, please provide the URL.

Thanks

Joao

[vxvbya]

Dashboard->posts->each post has this problem at the bottom.(you could not see it since I have my posts as drafts, not published yet)

Also is there a way to eliminate the white page template, so the post will show only the sections that I add?

Thank you!
Bianca

[Joao]

Hi Bianca,

Thanks for clarifying,

To remove the grey bar you need to turn off the comments on your posts.

You can click Quick Edit on Dashboard->posts->each post and turn off Allow Comments.

Regarding the white bars you want to remove please click on your section on Cornerstone and remove the 45px padding you have set on top and bottom padding.

Hope that helps

Joao

[vxvbya]

Thank you for all you help!

Bianca

[Joao]

You are welcome,

Joao

[Author]

Posts