tomk414

Hmm. I still don’t see a difference. The right-aligned image still overlaps the text. Here’s my total additional CSS:

@media (min-width: 660px) {
.entry-content > p .alignright, .entry-content > .wp-block-image .alignright {
margin-right: 0;
}
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
padding: 4rem;
}

Hello! Thank you for the prompt reply!

You can see the issue in action at a junk domain I set up to test things: http://highmotivationdiet.com/

Here’s how it was created:

1. Installed Twenty Twenty theme on WordPress.
2. No additional CSS, just installed the Twenty Twenty Options plugin.
3. Went to Customize and changed two things:
1. General Options – Force Full Width Template (pages and posts).
2. Content Options – Content Width 1000rem (or full width 100%). The actual setting doesn’t seem to matter.
4. Publish.

The width of the TEXT does indeed follow the Content Options change. Nice!

I created post with the Classic Editor and inserted an image, made it right-aligned. That’s the “Test Post with Right Align Image”

On the main/index page if you widen your web browser window beyond around 1000 pixels or so the chicken image begins to overlap the text. When the window is less that 1000px wide text wraps fine.

Note: When you visit the actual post page (single) the text wraps around the image just fine (it’s using the Full Width Template). Everything works as expected.

The issue is ONLY visible on the main/index page when it’s listing multiple posts.

A few other people on the WordPress forums have come across the same issue with Twenty Twenty. It’s not really a flaw in your plug-in (I’m guessing you’re just adjusting the width of .entry-content) but there is something else that needs to be changed somewhere for everything to play together nicely on the same page.

• This reply was modified 5 years, 8 months ago by tomk414.
• This reply was modified 5 years, 8 months ago by tomk414.