Howdy! N00b here—I’m designing my first Webflow site, a design portfolio. Very impressed with the designer functionality for the overall layout, but for project template pages, I’m feeling let down by the WF CMS as compared with Wordpress’ flexibility/functionality, and I’m wondering if there’s something I’m missing. I want to create an RTE that supports various layouts with text and image interspersed according to what best suits it, in any permutation, like so:
The full-width images are no problem, of course, and I’ve edited my text styles with nested selectors. Though I’d rather do it with a class so I could edit globally, the narrow images can be adjusted with the percentage setting in the editor. But I’m stuck on the side-by-side images. I tried floating them left and right with percentages set to 50% or less, but I can’t control the gutter width like I do elsewhere on grids/flexboxes. So:
• Is there a way to reference a class within the RTE to handle the side-by-side images? In Wordpress, I’d wrap this sort of thing in a custom div in the HTML editor.
• If not, is it possible to modify one of the basic RTE image layout options with custom CSS to get the result I want? That seems sketchy…
• Open to other suggestions/workarounds.
As I’ve lurked on the forums, these are the solutions I’ve seen that won’t work for me:
Make the template uniform (e.g. always have a description at the top, followed by an image gallery with however many pictures, each one with its own collection field). But I want to have the flexibility to have both simple one-paragraph project descriptions and longer case study-style posts with multiple paragraphs between images, and I would rather keep the main content together in one RTE.
Create a bunch of divs/classes with the particular grids/flexbox elements you need, and then show or hide with switches and conditional visibility as needed. But I can’t anticipate where in my content those classes would appear, so I’d have to create dozens of conditional collection fields, which is hackish and unsustainable.