Site logo

Archived topic

After update to the 3.0.1 "entry-summary" block shifted to the left

6 replies · Started by Oleksiy on October 10, 2020

Viewing posts 1–7 of 7

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?

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

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;
}

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?

Your child theme usage shouldn't change at all - are you noticing any issues? :)

No. Looks like nothing is broken at the moment.

Awesome, you should be good to go then :)

This archived topic is closed to new replies.