Site logo

Archived topic

Container Issue

7 replies · Started by Abhit on September 10, 2019

Viewing posts 1–8 of 8

Hello, Generatepress Team my container is showing in an article something like this but in pages, it is showing like this can you please tell me how can I make my page container like my article container. You can also check my blog

Hi there,

you would need to create another Header Element for your pages, like you have for your posts.
Then in the Customizer > Additional CSS you will find:

@media (min-width: 768px) {
    .single-post .page-hero+#page {
        margin-top: -80px;
    }
}

Change it to:

@media (min-width: 768px) {
    .single-post .page-hero+#page, .page .page-hero+#page {
        margin-top: -80px;
    }
}

You're not getting my issue I want to make my page container width like my article container width
My article width check here
My page container width check here
I hope this will help you to understand my problem

I have added the layout element and it's working in my articles in a proper way but it is not working in my pages how can I solve this look at this
You can also check the container of my blog article and my blog pages link here

Hi there,

Right now you have this custom CSS:

.single .inside-article, .comments-area {
    padding-top: 28px;
    max-width: 825px;
    margin: 0 auto;
    box-shadow: 0 0 11px 0 rgba(0,0,0,.1);
    border-radius: 8px 8px 8px 8px;
}

Try changing it to this:

.single .inside-article, .comments-area, .page .inside-article {
    padding-top: 28px;
    max-width: 825px;
    margin: 0 auto;
    box-shadow: 0 0 11px 0 rgba(0,0,0,.1);
    border-radius: 8px 8px 8px 8px;
}

Let me know :)

Thank you Tom now it's working good

You're welcome :)

This archived topic is closed to new replies.