Docs

[Kerri S]

How can I add padding to all non-cornerstone “Posts” and “Pages”. I want this to be by default and not a page by page addition.

You can see an example here:
http://economicprogressri.org/index.php/temporary-caregiver-insurance-program-tci/

Also, ConvertPlug is appearing behind the side nav.

Thank you

[Joao]

Hi There,

Please add the following code to your Appereance / Customizer / Custom / CSS

entry-title {

padding-top: 3% ;

}

Hope that helps

[Kerri S]

Thanks, but that didn’t seem to have any effect. I cleared cache and refreshed.
I also added padding for left and right. Neither way worked

entry-title {
padding-top: 3% ;
padding-left: 3%;
padding-right: 3%;
}

I used pf content but that affected my cornerstone elements that are 100% width (example: http://economicprogressri.org/index.php/newsroom-2/ )
.pf-content {
padding-left: 5%;
padding-right: 5%;
}

[Kerri S]

This reply has been marked as private.

[Joao]

Hi Kerri

Find this code on your Appereance / Customizer / Custom / CSS

.entry-wrap > .x-container.max {
    width: 100%;
    max-width: 100%;
}

And remove or adjust it according to your taste.

You have it two times on your customizer actually but the one position below that is this one will have priority over the one above.

Hope that helps,

Let us know if you need help with any other issue.

Thanks,

Joao

[Kerri S]

That doesn’t help me. I have content bands that need to be at 100%. If I do what you have suggested my content bands don’t stretch to 100% as needed.

I just don’t want the copy that is within the pages and posts that are NOT formatted in cornerstone to have padding.

There must be a way to solve this without converting all posts and pages to cornerstone.

Please help 🙂

[Lely]

Hello Kerri,

We have to filter the CSS by page id or post ID.
For example, for this page: http://economicprogressri.org/index.php/temporary-caregiver-insurance-program-tci/ the following CSS will work:

.page-id-1529 .entry-content.content {
    padding-left: 5%;
    padding-right: 5%;
}

This .page-id-1529 will filter the CSS to work on this specific page only.
To add padding to other pages, you may update above to this:

.page-id-1529 .entry-content.content,
.page-id-1530 .entry-content.content {
    padding-left: 5%;
    padding-right: 5%;
}

Then change 1530 from .page-id-1530 to your specific page ID.

Hope this helps.

[Kerri S]

No, that doesn’t help. I can’t asked them to create custom CSS whenever they create a post.

Is the only way to make this work to use Cornerstone on EVERYTHING?

I don’t meant to sound snarky but this seems like it should be a solvable problem without using custom CSS for each new page or post.

[Friech]

Hi There,

In this case, please remove this custom CSS on Customizer like Joao said above.

.entry-wrap > .x-container.max {
    width: 100%;
    max-width: 100%;
}

And let us know which of those containers that you need to be full width. Actually on cornerstone you have the option make the containers (ROW) to be full-width or not, but since this pages are built in classic editor we really need to apply a custom CSS.

Thanks.

[Author]

Posts