Hi @woltersthijs,
Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:
@media ( min-width: 1600px) {
.entry-content>.alignleft, .entry-content>.wp-block-image>.alignleft {
margin-left: -200px
}
}
@media ( min-width: 900px) {
.entry-content>.alignright, .entry-content>.wp-block-image>.alignright {
margin-right: -200px
}
}
Note that the left aligned blocks only pull out to the left on large screens (above 1600px) since the entire content column is aligned to the left, which means they would be pulled outside of the screen on smaller screens sizes. The right aligned blocks will be pulled to the right starting at 900px (tablets in landscape orientation).
Let me know if that does it.
— Anders
Thanks for your quick response! This works exactly as I wanted. Furthermore, I see that aligned images are now also displayed that way. Beautiful!
Many thanks!