Jump to content

Can't get photos to wrap around text

Go to solution Solved by paul2009,

Recommended Posts

Hi!

Up until today, I have never had an issue with text wrapping around images in Squarespace. Is this due to a new update?

For blog posts, I like to drag and drop images to the right hand side of the screen, with the text wrapping around it. I'm now unable to do that. Is anyone else having this issue? Or does anyone know how to fix it?

Thanks for your help!

Link to comment
4 hours ago, leistaff7 said:

How does one report it?

Please Contact Customer Support.

Foks, everyone affected needs to report this issue! If you don't report it, it stays a low priority issue.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 4 weeks later...
  • Solution
On 7/11/2022 at 4:07 PM, ELUCIA said:

what is the solution, please, for wrapping text around an image

It isn't currently possible to do this on Squarespace 7.1 page sections that use 'Fluid Engine' so you'll need to use one of the older LayoutEngine sections (now called 'Classic' sections). 

I’m really excited about all the new possibilities that Fluid Engine brings. It is based on 'CSS Grid' and will empower designers' imaginations but unfortunately CSS Grid (known simply as 'Grid') doesn’t support these types of editorial layouts where images are wrapped by text. The Grid spec continues to evolve so hopefully it may be able to support these floats (or equivalent effect) in the future. Until then you'll need to revert to Classic sections using the 'Classic' editor.

To do this, first add a 'Classic' section to a page. You will find this option last on the list (highlighted in yellow in the screenshot below):

image.thumb.png.fdfd46834aad9aff9192d82f44c841da.png

Once you have a Classic section, you can add your Text Block and Image Block and drag them into the required positions like this:

image.thumb.gif.8f3ba13138efaca78069e5eec4848d81.gif

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009
Edited for clarity

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
  • 4 weeks later...

I'm hoping this is currently being implemented in the new fluid engine as this seems to be broken 'again.'  I tried using the workaround above (thank you!) and can see "Looking for sections built with our classic editor?" hyperlinked at the bottom of the page, but when I click it, it just takes me to the top of the page and there's no way to add a classic section. Maybe someone from Squarespace can reassure me/us this feature is coming back? It seems very basic. Thank you!

Link to comment
On 8/10/2022 at 12:59 PM, Phobic78 said:

@paul2009 Thanks for the workaround, it has saved me for the time being!

But it seems crazy that they haven't addressed this before rolling out the update. I really hope they are sorting it as a priority.

@Phobic78So far there seems to be no indication of fixing/bringing this on to FE.  The -text wrapping or "pull quotes" as SS describes it may not be flashy, but its a classic and needed feature. I've logged with customer service, perhaps if enough of us do they will take into consideration ...

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.