I am trying to implement 2 layouts for my portfolio website, here’s a draft for layout 1:
and a draft for layout 2:
I have trouble styling the rich text block for layout 2(styled with ‘rtf2’). I want it to be wider than rich text block styled with ‘rtf’.
I have created a style but as soon as I link the new rich text block to the cms field, it doesn’t follow the style.
I’m not sure how I can state this more clearly. Pleas let me know if I need to specify anything!
Here is my public share link: LINK
(how to access public share link)
Hi Lily - The
rtf2class is most likely inheriting padding or margin values from the
Content section or
Layout-2 container, perhaps check these first.
Thank you for your reply.
I checked the styling for
There’s no padding or margin for
, and I just changed the max width of
to be 100%. The rich text block still doesn’t use the
's width, although it is following the text style.
Are you able to share your project link? If you don’t feel comfortable sharing it publicly feel free to message it and I will take a look.
Thanks for sharing. You are correct this is not behaving as expected.
Perhaps delete the
Layout-2 elements and
rtf2 classes and start this again.
- Drag in a new section.
- Drag a container into the section. Add a class and max-width as desired to the container.
- Drag the rich text element into the container and bind to the collection.
I deleted the section and container and created new ones. Now it works! Thank you so much!