[Support request] changing post margins without effecting page margins

[Streater]

How do I change the margins just for posts?

I tried these options below:

@media (max-width: 769px) {
.entry-content:not(:first-child) {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0px;
}
}
AND
@media (max-width: 769px) {
.inside-article{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0px;
}
}

YES these do change the margins for pages BUT they also change it for all my pages. I have different margins settings for my pages (I set the default margins to 0px and control the spacing in each div with a universal class)… and these solutions above ADD extra spacing on the side for all my pages which is a huge problem.

Any ideas?

[Elvin]

Hi there,

We can add single post page selector to the CSS so it only applies to the single post pages.

Example:

@media (max-width: 769px) {
body.single .inside-article{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0px;
}
}

[Streater]

Perfect! Thank you!

[Elvin]

Nice one. No problem. 😀

[Author]

Posts