I’m experiencing the same.
Hello @s3taco,
this doesn’t seem like a theme issue, since there were no CSS changes in Bento 2.0 that could trigger this to change; what you have on that page is a div element that has been manually inserted into the content right after the image; if you remove it, the text will flow around the image as intended.
@jb792 please start a separate thread on your particular case, including a link to the URL that displays the problem. Thanks for understanding!
Thread Starter
s3taco
(@s3taco)
Thank you for your prompt response, @satoristudio!
The div was for lead copy. I replaced div with span implementation and it only resolved text wrap issue for initial paragraph.
For some reason, it seems the </p> tag terminating first paragraph is forcing the following text to render after image (revisit link to see).
Don’t think it’s a Bento issue either, but issue started after updating to 2.0 so I’m looking for clues. Can you offer any suggestions to resolve this?
You should try removing the span completely, otherwise WordPress’ editor (which is WP core, not theme feature) will automatically close the paragraph tag after it, thus preventing the following text from wrapping around the image.
Apart from that – could you try switching to any other theme (e.g. the default Twenty Seventeen) and checking if the issue persists?
Thread Starter
s3taco
(@s3taco)
Removing span did not resolve the issue but I left it removed to continue troubleshooting.
Switched to Twenty Seventeen theme and the issue is resolved, including paragraph open/close tags for each paragraph. Could this be a Bento issue after all?
Bento: https://drive.google.com/file/d/13dqCtGaW64zCV3X9_EV8AijUlsJglOKE/view
Twenty Seventeen: https://drive.google.com/file/d/13cRxkKlmnjWtqt2xxeSfdPMy0PTKMz2Q/view
Thank you for the additional inputs! My apologies, it was indeed a theme issue: will be fixed in the next update (ver. 2.0.1), what you can do at the moment is to add this line to the “Additional CSS” tab of the “Appearance – Customize” admin panel:
p { overflow: visible !important; }
Thread Starter
s3taco
(@s3taco)
p { overflow: visible !important; } temporary fix worked! Thank you @satoristudio 🙂
