[Resolved] single post page

[David]

Can you link me to the article page where it is not working ?

[Ghazi]

Yes, of course, prefer the link
You can view the rest of the articles, as they are the same settings

[David]

Ok, so the single post – how do you want that to look ?
I assumed we had fixed that here:

https://generatepress.com/forums/topic/single-post-page-3/#post-2425143

[Ghazi]

Yes, the previous problem has been resolved
But I also want to separate the containers on the post page only, not on the whole site, only on the post page
Please, see the attached picture

[David]

Hmmm… it may have been easier to have used the Separate Container option 🙂 but as we are almost there, try adding this CSS:

.comments-area:before {
    content: '';
    display: block;
    margin-bottom: 20px;
    width: calc( 100% + 60px );
    max-width: 100vw;
    position: relative;
    left: 30px;
    height: 30px;
    background-color: #fafafa;
}

[Ghazi]

Good. Comments section is separated only?
Separate containers are a valid solution, but the problem is that they include all parts of the site, including the home page?
I just want to separate the container of a specific page only. Is there a way to do this?

For example, just now we separated the comments section, but the body of the article was not separated from the header? and Comments section from footer

[David]

Ah ok, add this CSS:

.single-post #content {
    margin-top: 30px;
    margin-bottom: 30px;
}

[Ghazi]

Thank you, David
Completely resolved

I hope in the future that you will develop the template for the container properties, separate each page from the other

[David]

Glad to be of help.

[Ghazi]

solved

[Author]

Posts