Twenty Sixteen: Image Block Alignment Error (Left/Right) #7962
Labels
Customer Report
Issues or PRs that were reported via Happiness. Previously known as "Happiness Request".
[Platform] Atomic
[Platform] Simple
[Pri] Low
[Pri] Normal
[Status] Core fix needed
This issues is coming from a bundled theme (Twenty Something)) core and is being addressed in trac.
Triaged
[Type] Bug
Something isn't working
Quick summary
We're seeing issues with the image alignment, as shown in the screenshots below. It seems that both the image and caption have a
margin-left: -40%;
in the CSS code, which is causing the problem. This seems to be only happening on Twenty Sixteen. I tested Twenty Fifteen, Twenty Fourteen, and Twenty Seventeen, but the issue is not present to these other themes.CSS code that seems to be causing the issue:
Steps to reproduce
What you expected to happen
I will see the image alignment correctly on the live/preview page.
What actually happened
The image is slightly shifted to the left, causing text to overlap with the image when right-aligned, and creating a larger gap between the text and the image when left-aligned.
Impact
Some (< 50%)
Available workarounds?
Yes, easy to implement
Platform (Simple and/or Atomic)
Simple, Atomic
Logs or notes
Available workaround:
Add this CSS code:
The text was updated successfully, but these errors were encountered: