Does anyone have any idea how to manage the alignment of images in the Rich Text Editor? The option to float in the WYSIWYG leaves the step effect. Any thoughts on managing this?
1 Like
Can you describe this more please, and Iâll help you on this.
And do you mind sharing your siteâs read-only link please?
1 - On your siteâs dashboard, click the Share icon:
http://vincent.polenordstudio.fr/snap/nqmwm.jpg
2 - Generate and Copy the link:
http://vincent.polenordstudio.fr/snap/gpto0.jpg
3 - Then edit your post here, and paste the link inside.
align VS float - are Difference CSS properties
This is Rich Text Editor - What you trying to get is âmissionâ for layout for rows (grid) -or- by float and next p : clear:both:
This is your solution - i never try this trick inside a rich-text editor - but this is your starting point (With custom CSS its easy to solve this of course).
1 Like
The problem is I canât add custom classes in the webflow collection editor. And I wouldnât want to add custom code for all p paragraphs on the page. I found solution, but I think itâs stupid. If add empty png image after each paragraph everything will look right.
Was there ever a solution to this issue? Setting an image to âFloatâ in the Rich text editor but not being able to choose when to âclearâ the next paragraph makes the former completely pointless. Iâve followed the same steps as youâve shown, which will technically work but itâs going to introduce a bunch of random and unnecessary images to the blog page.
Iâm pretty much having to chuck Webflow out the door as a recommendation for clients who want to use blog functionality on their site, given there is such little styling ability within the Rich Text. Thereâs no way a client is going to want to deal with adding an empty image to reset the layout every time they add a floating image.
Iâve also tried styling further with Finsweet âPowerful Rich Textâ, but it doesnât appear to work for a case like this, and it doesnât reflect changes in the body editor which wouldnât make this a practical solution.
Real solution (âclearâ functionality missing in Rich Text Editor)
1 Like
Does the image in your post need to utilize the rich text editor? For maximum design control, Iâm wondering if a better approach is to control the layout using a regular image field rather than having your client âdesignâ the post in a rich text editor. Most likely, they wonât know what âfloatâ and âclearâ mean even if the control youâre looking for is available.
1 Like
Thanks for the response. To answer your question, yes. To break the image outside of the rich text field for custom styling would require breaking the article into segments, along with having to create separate CMS fields for each image, which would then need to be styled and linked on the template page.
It appears that there is a strong lack of design control with the current rich text editor. And I donât want to go the route youâve suggested because each blog page will be different, instead of following a similar format where a replicating image would make sense.
Additionally, it seems like there arenât any options for styling rich text for mobile breakpoints with the float option enabled inside the CMS-rich text. If this is the case, this styling feature should be removed entirely.
1 Like
Shoot, ok. Iâd maybe need to see exactly what kind of info your client is posting and the flexibility needed. Kinda sounds like you need a repeater function like Advanced Custom Fields provides. Does this sound right? (Iâm looking back at what the OP outlined) Thereâs a wishlist page for repeater function.
I have a client who needed something similar on their blog. We determined theyâd need a maximum of 15 photo/text layouts in a stacked view, similar to what you have with the wedding sample in your screen grab. I set up the template page with all of this laid out using a 50/50 column and alternating with image left/text right and image right/text left. They can add as many as needed up to 15 groupings. In the cms, if they added say 5 images+text and left the other 10 blank, the post would simply publish it and the blank divs remain empty and virtually hidden. This way, Iâm controlling the layout so that theyâre not making wacky decision in the rich text editor.
I added a number of other layout options in the CMS to give them very flexible post control. Iâve gone back and added more layouts months later when they realized they needed more options on specific types of posts.
I agree, more functions in the editor would be great but found some workarounds. I will say Iâm glad my clients donât have control over fonts and text colors because theyâd definitely use it and make bad decisions 
Found this rte enhancer that might offer the control youâre looking for. I havenât used it myself but worth investigating:
1 Like
Yes, Webflowâs rich text editor is massively lacking compared to like a WordPress 5 where the WYSIWYG editor behaves much more how you want.