Layout changes on some of my blog posts

Hi there,

1. For the border add this CSS:

#content {
    border: 1px solid #ccc;
}

2. For featured image below the post/title meta.
Go to Customizer > Layout > Blog --> Featured Images >>> Posts ( tab ). And change the Location to below title, and check the Display Padding around image.

2.1 Then add this CSS to center the title and meta:

.single-post .entry-header {
    text-align: center;
}

Hi David, it worked thanks. Now how do I create a right sidebar and shift the bordered content to the left? Pls note that I want to achieve this layout only for a few posts not all.

And I want the title meta to appear in a certain way. There should be a Gravata image, name, and the word 'updated' before the date. Pls check the private info section for example.

Also, the content border seems to appear in all the posts and pages, even the category page. I want to have the flexibility to choose which pages will have the border + sidebar layout. Would it help if we create a new layout element?

You can add Sidebars globally in Customizer > Layout > Sidebars.
And you can specifically change them or a per post basis using the Layout Meta box:

https://docs.generatepress.com/article/layout-metabox-overview/

Or using a Layout Element

https://docs.generatepress.com/article/layout-element-overview/

For the border - should this be for all single posts ? or just single posts with a sidebar for example?

The border should appear in just single posts with a sidebar.

And to set the sidebar I created a new layout. But the sidebar appears within the border (check private info section). I need it outside the border like my competitor (check priavte section). Also, the whole content appears in the middle because that's the global setting. How I can achieve the two-column layout like my competitors without changing the global settings.

You will need to change the Customizer > Layout > Containet > Content Layout to: Separate Containers. Once thats done replace the CSS with this:

.right-sidebar .inside-article,
.right-sidebar .is-right-sidebar,
.right-sidebar .comments-area {
    border: 1px solid #ccc;
}

That worked David, thanks a lot.

1. Now can we remove the border on the right sidebar. I just needed a border around the content. Note: I tried out the CSS in my staging site so if you require I can give you access to the staging site.

2. And I would love to achieve this title meta to appear in a certain way. There should be a Gravata image, name, and the word ‘updated’ before the date. Pls, check the private info section for example.

1. Change the CSS to this:

.right-sidebar .inside-article {
    border: 1px solid #ccc;
}

2. Can you raise a new topic for this question.

Sure, thanks

You're welcome