[Resolved] After update to the 3.0.1 “entry-summary” block shifted to the left

[Oleksiy]

Hi guys.

Updated to the 3.0.1. Refreshed the Archive page. And noticed that “entry-summary” block has shifted to the left.

It’s because
”
margin-left: auto;
margin-right: auto;
”
stopped working.

This rule was replaced by:
”
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
margin: 2em 0 0;
”
in the all.min.css.

Help me please. What’s the best way to fix it?

[Oleksiy]

Actually, contact form also moved to the left. Looks like a global issue.

[Tom]

Hi there,

Thanks for the heads up here – we’ll tweak the CSS in the theme to specific margin-top only.

For now, you can just make the selectors more specific:

.site-main .entry-content, .site-main .entry-summary, #comments {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

[Oleksiy]

Thanks, Tom. It works.

Suddenly I’ve figured out that GP has moved to flexbox 🙂
Now I’m a bit confused with the usage of styles.css in the child theme. Is this file now overwriting css rules in all files in “assets -> css” folder of the parent theme?

[Tom]

Your child theme usage shouldn’t change at all – are you noticing any issues? 🙂

[Oleksiy]

No. Looks like nothing is broken at the moment.

[Tom]

Awesome, you should be good to go then 🙂

[Author]

Posts