Blog Sidebar Layout Issue

Hey lmmoonlight,
Try this code in the General Styling > Quick CSS field:

.single-post .container.template-single-blog {
width: 100% !important;
padding-right: 0px !important; 
padding-left: 30px !important; 
}
.single-post .inner_sidebar {
    margin-left: 0px!important; 
    padding-right: 20px!important; 
    padding-left: 20px !important; 
}

Best regards,
Mike

Hi,
Sorry I missed that, It seems that one is created with the template and the other is created with the advanced layout builder, is this correct?

Best regards,
Mike

Hi,
Since the two were create with different methods they would not have the same look. When using the advanced layout builder it doesn’t use the template, this is to allow you to create the style or layout you would like. To have a uniform look to all your posts we would advise to use the same method.

Best regards,
Mike

Hi,
To automatically generate a advanced layout builder layout that you have created, first save a layout that you have created by clicking “Templates” in the top right corner of the canvas. Then click the button, “Save Entry as Template” you will be asked to name your new template. Next time you create a new post or page you can click the name you saved to load the template.

Best regards,
Mike

Hi,
This template would be used for posts going forward, past posts would have to we rewritten to use the post template.
But lets hold on for a minute, and examine what you are trying to achieve, perhaps a little css will save you a lot of work, and perhaps I misunderstood.
What you seem to like about the link in the Private Content area, is that the sidebar goes to the bottom and all the way to the right, and you would like all of your posts to look like this. Is this correct? If so lets try to change it with css.
Please try adding this code to the bottom in the General Styling > Quick CSS field:

#top.post-template-default #wrap_all #main,#top.post-template-default #wrap_all #main.all_colors .container_wrap.container_wrap_first.main_color.sidebar_right {
    background-color: #f7f4fc!important; 
}
 .container.template-single-blog main.content {
background-color: #fff!important; 
    padding-left: 30px!important; 
}
.template-single-blog footer#socket {
    margin: 0 auto!important; 
    padding: 0px 50px!important; 
}
.responsive .container.template-blog.template-single-blog  {
    max-width: 100%!important; 
}
#top.post-template-default.single.single-post.single-format-standard.stretched .container.template-single-blog {
padding-left: 0px !important; 
}

Then please clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Please try replacing the code with this:

@media only screen and (min-width: 768px) {
#top.post-template-default #wrap_all #main,#top.post-template-default #wrap_all #main.all_colors .container_wrap.container_wrap_first.main_color.sidebar_right {
    background-color: #f7f4fc!important; 
}
 .container.template-single-blog main.content {
background-color: #fff!important; 
    padding-left: 30px!important; 
}
.template-single-blog footer#socket {
    margin: 0 auto!important; 
    padding: 0px 50px!important; 
}
.responsive .container.template-blog.template-single-blog  {
    max-width: 100%!important; 
}
#top.post-template-default.single.single-post.single-format-standard.stretched .container.template-single-blog {
padding-left: 0px !important; 
}
}

Best regards,
Mike

Hi,
That is great news, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike