Just wanted to jump in and offer my thanks. It was very frustrating trying to figure this out, your tutorial was a huge help and now I feel like it is clicking for me!
I'm not one to comment on videos (or anything really) but styling CMS RTE content had me over the top frustrated. I wish your video would have been the fist one that came up... Hope fully commenting and liking will drive it higher. THANK YOU!!!
This is exactly what I was looking for! I'm just struggling with formatting images next to text, like alternating image on the left, text on the right, and vice versa.
So glad this video popped up when I went looking for info on this. Explains it so clearly and instantly makes it all make sense, perfect tutorial. Thank you thank you.
I wish it was all just possible through the CMS page and we didn't have to create a separate page. Your video really helped. I was so frustrated until now!
Hi Nelson, thanks for doing this video. It's pretty awesome. And, you know how at the end of your video you're asking for other ideas to make more videos? another topic that hasn't been clearly answered in the web flow forums is how to create a website that has multiple locations. From a technical point of view, how to structure the CMS and the pages. So at the end, the url has the location with the information that is needed. Thank you again for your time.
magic. Thank you for your help, I did not know where to start and was going to do the ridiculous thing of changing all the rich text in my CMS to regular text. You rock
you are awesome!!!! thanks for this video! You always make things so easy and you're so pleasant to watch. I feel like you're my patient teacher helping me when i get frantic and start blaming Webflow for my problems. lol
Thanks for the video! But I'm trying to create a dark mode on my site, and I'm having issues changing the text colour on Rich text. Can I add animations to a Rich Text?
You sir, are a legend, was able to find my workaround perfectly! :) Ive been designing my portfolio projects as one long image, like Behance... and was doing it page by page, which is caveman spec! Basically because of the 20px padding on either end on the Rich Text I wasn't able to keep the same format, until now! Bigs ups Pixel Geek Massive!
Webflows tutorials are tip top - BUT - this is the CMS Styling video they need to publish. They do not have anything on styling CMS content... thank you!
Webflow is improving every day and Nelson as well . Glad to see you shorten your videos and providing laser focused videos with crystal clear content , crispy and to the point . Thanks a a lot !
Hi, thank you for your video. I'm having trouble removing content inside the RTE, every time I try to do so it removes the whole RTE. Thank you for your help !
Thanks, Nelson for posting this tutorial, just what I needed. BTW, I'm enjoying all the videos you upload making learning Webflow really fun. All the best and Happy New Year
This video was super helpful, thank you! I did wonder though, is there anyway of having two stylings of Rich Text elements for different backgound colours? I need a dark version and a light version.
HI Nelson, like the others I was banging my head on how the heck I could utilise RTE fields within CMS.Your video help get me 90% of the way there. The only gap for me left though is wondering if it is possible to have more than one style of each selector configured within a single RTE class? Eg. default h1 and a h1.yellow for example? This is a bit of a blocker for me as the client needs more flexibility from the CMS.
Thank you so much for this video! I really like your teaching style and easy to follow tutorials. If only I could figure out now why the font following my bullet points still shows as a smaller font...
Thanks for the tutorial, that definitely helps. On the Rich Text Style page, there is an H2 and two H4's. My page has the same thing. How do I add an H3 and style it?
Dear Pixel Geek, just curious, is it possible 'without code' to adjust floats in the rich text alterations for CMS in this way? If not, it would help for a more customizable CMS, regarding rich text, especially for walk-throughs. In my own opinion, if rich text could be more customizable over all in CMS, it would make for a better experience.
So IMO, one of the reasons for a rich text editor is so that it keeps styles when you paste things into it and can handle those different elements and such, but then those styles don't usually match rest of website design, so I appreciate knowing how to do this. But my question would be, is there any advantage to doing it this way and allowing your CMS client to insert multiple different elements within a single rich text field as opposed to simply separating out the fields in the CMS (ex. having just a heading field, then a paragraph field, then an image field, etc.) I mean I know it might make it a tad bit slower for the client to put in each individual field, but I think it feels like a nice step by step process when they are just working from top to bottom, and I feel like one of the points of the CMS is to allow clients to post dynamic content while having as little styling capabilities as possible, because thats what our job is and we don't want them to break it...and all the rich text editor does is hand some styling over to client?
wonderful, thanks for the tutorial. Is there a way to add an element trigger to the link (hover -> changes color) when I tried doing that - it just worked on the parent paragraph link and not on the rest. Any thoughts?
Please tell me how to connect cms elements now after the update in webflow. Previously, they were connected by clicking on the gear of an element (for example, text or a picture), but now they are not there 🙏
Can you have different rte styles for different collection item? So for instance could you style your blog pages in one way, and say staff bios in another and perhaps case studies in another? Or do all H2 Headings etc need to be the same throughout?
What I am trying to figure out is if I can separate text up into 3 divs.. I want to create content-heavy CMS for a few very detailed case studies, but I cannot figure out how to do this and not go over the 30/30 cms collection item max. Just custom add things for each CMS collections page?
Hi Pixelgeek, I like your Tutorials most! Could you please make a Tutorial how to convert HTML-Text to the rich text element? I know how to do it with csv from wordpress. But does it work, if I have some Text in HTML and just to want to keep the headlines and paragraphes? Greetings ;-)
Hey! Thanks! I really hope Webflow will add more styling possibility to the editor though. E.g. styling a specific paragraph different from others, centered for example. no way to do that (even not with Finsweet´s Sweet Text extention).
Hello, Nelson! Thank you so much for your helpful videos! If you have time please make a video about dynamic Tabs content. There is 1) Clients Collection - 8 items; 2) Services Collection (= categories) - 6 items. On a Client Template Page there are tabs named by the Service Collection names. The service information (pics&texts; already there, tried to put into both collection and use via refs) should be displayed by clicking on each tab, but of course unique for every generated Client page. I just can't wrap my head around it for almost 40 hrs, please give a direction if you can. Many thanks!
@@pixelgeek preview.webflow.com/preview/jens-website?preview=16d1a0f5f6fde9a4479c0c0b6a37d07f&pageId=5da6f2d7c102b9fea534ea65&itemId=5da6f2d7c102b9145434eabe&mode=preview - The Previews link. Thing is, that on each of 8 pages, for example, "Website" tab shows the same info, which is not the desired behavior. Thank you so much for reaching out!
Any idea on how to add triggered interaction to these binded CMS rich texts ? I basically created a Dark/Light Mode Switch button to a blog post page. So obviously I used the "Mouse Click/Tap" trigger to trigger the background + texts color change in interactions. Everything slid fine for all static contents until I faced the dynamic rich texts binded to CMS lools Since we can't select the individual specific RTE to add interaction to, nor have/add any class to target that interaction to, nor any ways to use the "selected element" I'm kinda out of idea if by any chance you guys have any tips or workaround, I'm a taker!
yes that all makes sense, but the dummy content that you bring up has already assigned the different classes so your the title is h2 the body is body, etc. my problem is when I bring my content and want to assign, for example, h2 to the title it applies to the entire content. how does that work?
How can we store a users state data on the front end and back end for web applications? Is this possible with Webflow currently? If not will it be something they are working on in your opinion? Thanks!
pixelgeek no I mean user state data as in I have changed this or that aspect of the interface I am working with, so they changed the “state” of the application, by clicking a button, entering an amount, selecting something, anything of that nature
Hello thanks for the video! I have asked this before, and this is not concerning this video. But Is there a way to change or customise the menu button in tablet and mobile. for example instead of 3 lines 2 lines or one line smaller than the other or a totally different icon etc.. :) I can't find it anywhere
Under the Menu Button (in the navigator on the left), where it has the image / icon, you can add your lines in here (as div blocks) and style as you wish. Then delete the image / icon. Hopefully that makes sense.
@@pixelgeek Thanks for the quick reply! I'm still not able to find the answer to my question, actually. How do you style an unordered list that resides inside an RTE from a dynamic collection? Basically I can't figure out how to add additional spacing between each list item (like bottom margin), when it's pulled in from the collection. Any ideas? This would be super-easy with CSS...not sure best practice here with Webflow however.
Just wanted to jump in and offer my thanks. It was very frustrating trying to figure this out, your tutorial was a huge help and now I feel like it is clicking for me!
You are the best Webflow tutorial guy. Straight to the point
many thanks! :D
I'm not one to comment on videos (or anything really) but styling CMS RTE content had me over the top frustrated. I wish your video would have been the fist one that came up... Hope fully commenting and liking will drive it higher.
THANK YOU!!!
I've been trying to find this solution for so long - thank you so much!!
This is exactly what I was looking for! I'm just struggling with formatting images next to text, like alternating image on the left, text on the right, and vice versa.
2 years after, this is still solid advice 💪. Thank you for sharing, Nelson!
So glad this video popped up when I went looking for info on this. Explains it so clearly and instantly makes it all make sense, perfect tutorial. Thank you thank you.
Glad it was helpful!
You saved my day! Thank you for the workaround.
This was incredibly helpful. Thank you!
I wish it was all just possible through the CMS page and we didn't have to create a separate page. Your video really helped. I was so frustrated until now!
Hi Nelson, thanks for doing this video. It's pretty awesome. And, you know how at the end of your video you're asking for other ideas to make more videos? another topic that hasn't been clearly answered in the web flow forums is how to create a website that has multiple locations. From a technical point of view, how to structure the CMS and the pages. So at the end, the url has the location with the information that is needed. Thank you again for your time.
Thank you Nelson, you rock! 🙏🏼
thanks! :D
Thanks!
I am taking my first steps with Webflow and your videos help me a lot.
Greetings from Peru
magic. Thank you for your help, I did not know where to start and was going to do the ridiculous thing of changing all the rich text in my CMS to regular text. You rock
Thanks for watching 😁 glad the video helped you ♥️🙇🏽♂️
THANK
YOU FOR CLARIFYING THAT!! 👍 It looks like another good reason to make a style guide and include this on it.
glad to help :)
Thanks! Super Helpful
Nelson you are a life saver. A true champion. Thanks so much 😉
dawwwwww. My pleasure :)
you are awesome!!!! thanks for this video! You always make things so easy and you're so pleasant to watch. I feel like you're my patient teacher helping me when i get frantic and start blaming Webflow for my problems. lol
This is such an ultimate time saver! Thank you so much!
That was driving me crazy! Thanks for clearing that up for me. :)
glad to have helped :)
Amazing 😮 thank you do much mate. That’s super helpful ❤
Thank you. This was perfect for what I needed.
Glad it was helpful!
Exactly what I needed!! thank you so much for the video!
Glad it was helpful!
ive not had to tackle this yet but great to know the approaches for potential projects thanks again loving your helpful guides and knowledge sharing!
Thanks for watching. 😁🙇🏽♂️ Glad to know my videos are helping you.
This really helped me figure out how to build blog posts.
Glad it helped 😁
This was super helpful Nelson! Thanks!
Glad to have helped 😁👍
Happy to help 😁
Thanks for the video! But I'm trying to create a dark mode on my site, and I'm having issues changing the text colour on Rich text. Can I add animations to a Rich Text?
This was *very* helpful, thanks
Thank you! finally a clear tutorial!
You're amazing man. This has been super useful!
Glad to help 😁👍🙇🏽♂️
Awesome Nelson!
That's a really clean way of doing it while keeping everything clean and organized.
Yup :) a style guide is a great way to start all of your projects. Glad this video helped you.
Thank you 🤩This is such a useful tutorial, one of the areas I've found most frustrating in otherwise excellent Webflow is now sorted ✅😁
Great to hear!
You sir, are a legend, was able to find my workaround perfectly! :)
Ive been designing my portfolio projects as one long image, like Behance... and was doing it page by page, which is caveman spec!
Basically because of the 20px padding on either end on the Rich Text I wasn't able to keep the same format, until now! Bigs ups Pixel Geek Massive!
Hey Nelson,
Any chance you've figured out a way to put two images side by side within an RTE? Keep up the solid work and great content!
You are wonderful. Thank you.
Wow, thank you!
Nailed it! Thanks a ton!
Webflows tutorials are tip top - BUT - this is the CMS Styling video they need to publish. They do not have anything on styling CMS content... thank you!
Thanks for watching. Glad this video helped you 😁🙇🏽♂️
Genius! You've always had the best Webflow tutorials, PixelGeek. So easy to follow.
THANKS NELSON!
my pleasure! 😄
Webflow is improving every day and Nelson as well . Glad to see you shorten your videos and providing laser focused videos with crystal clear content , crispy and to the point . Thanks a a lot !
Thanks for the support 👍🙇🏽♂️
love this video man👏
Thanks for watching 😁🙇🏽♂️
Thanks for the help. Are there any negatives to having a RTE static page?
Super helpful. Exactly what I needed for an issue I was running into. Keep it up.
Needed this, awesome tutorial thanks !
Glad to hear the video helped you 😁👍
Thank you, Nelson! As always, you rock!!!
thanks for your support :D
Is there any way of adding a span class within a Heading that is in a Rich Text Field?
You rock! Thanks Nelson!
Hi, thank you for your video. I'm having trouble removing content inside the RTE, every time I try to do so it removes the whole RTE. Thank you for your help !
love this!
Thanks, Nelson for posting this tutorial, just what I needed. BTW, I'm enjoying all the videos you upload making learning Webflow really fun. All the best and Happy New Year
thanks for watching :) I'm glad you find my tuts enjoyable. Let me know what else you'd like to learn.
Excelente tutorial!
Thank you! 😁
I LOVE YOU! THANKS
Nice video set
Thanks!
How does cms recognize what style to use for what elements?? Thanks for your help🙏
Awesome Video!
Great Job!
Woow! Thank you so much!!!
My pleasure 🙇🏽♂️😁
This video was super helpful, thank you! I did wonder though, is there anyway of having two stylings of Rich Text elements for different backgound colours? I need a dark version and a light version.
HI Nelson, like the others I was banging my head on how the heck I could utilise RTE fields within CMS.Your video help get me 90% of the way there. The only gap for me left though is wondering if it is possible to have more than one style of each selector configured within a single RTE class? Eg. default h1 and a h1.yellow for example? This is a bit of a blocker for me as the client needs more flexibility from the CMS.
Thanks for this!!
my pleasure :) Thanks for watching.
Thank you so much for this video! I really like your teaching style and easy to follow tutorials. If only I could figure out now why the font following my bullet points still shows as a smaller font...
Saving my life every day!
glad to have helped 😁
Wow, thank you!
You're welcome!
Thanks for the tutorial, that definitely helps. On the Rich Text Style page, there is an H2 and two H4's. My page has the same thing. How do I add an H3 and style it?
Dear Pixel Geek, just curious, is it possible 'without code' to adjust floats in the rich text alterations for CMS in this way? If not, it would help for a more customizable CMS, regarding rich text, especially for walk-throughs.
In my own opinion, if rich text could be more customizable over all in CMS, it would make for a better experience.
So IMO, one of the reasons for a rich text editor is so that it keeps styles when you paste things into it and can handle those different elements and such, but then those styles don't usually match rest of website design, so I appreciate knowing how to do this. But my question would be, is there any advantage to doing it this way and allowing your CMS client to insert multiple different elements within a single rich text field as opposed to simply separating out the fields in the CMS (ex. having just a heading field, then a paragraph field, then an image field, etc.)
I mean I know it might make it a tad bit slower for the client to put in each individual field, but I think it feels like a nice step by step process when they are just working from top to bottom, and I feel like one of the points of the CMS is to allow clients to post dynamic content while having as little styling capabilities as possible, because thats what our job is and we don't want them to break it...and all the rich text editor does is hand some styling over to client?
Thank you so much
My pleasure 😁🙇🏽♂️
Brilliant!!!
Thank you Nelson ...BIGt question is HOW TO PREPARE THE EXEL DOC FOR RICH TEXT ?
Not sure what you mean. Are you trying to embed an Excel sheet into a rich text block?
is it possible to set ineractions triggers for RTE parts in CMS? maybe Scroll into view for example
Thank you :) maestro !
wonderful, thanks for the tutorial. Is there a way to add an element trigger to the link (hover -> changes color) when I tried doing that - it just worked on the parent paragraph link and not on the rest. Any thoughts?
yes, using the CSS hover state instead of using Webflow interactions.
Please tell me how to connect cms elements now after the update in webflow. Previously, they were connected by clicking on the gear of an element (for example, text or a picture), but now they are not there 🙏
Can you have different rte styles for different collection item? So for instance could you style your blog pages in one way, and say staff bios in another and perhaps case studies in another? Or do all H2 Headings etc need to be the same throughout?
Thank you!! So much!!
You're very welcome
thank you sir!
My pleasure 😁🙇🏽♂️
Awesome Bro!
What I am trying to figure out is if I can separate text up into 3 divs.. I want to create content-heavy CMS for a few very detailed case studies, but I cannot figure out how to do this and not go over the 30/30 cms collection item max. Just custom add things for each CMS collections page?
Hello, I tried to style interaction for image only. Can I do it in Rich text?
Hi Pixelgeek, I like your Tutorials most! Could you please make a Tutorial how to convert HTML-Text to the rich text element? I know how to do it with csv from wordpress. But does it work, if I have some Text in HTML and just to want to keep the headlines and paragraphes? Greetings ;-)
Hey! Thanks! I really hope Webflow will add more styling possibility to the editor though. E.g. styling a specific paragraph different from others, centered for example. no way to do that (even not with Finsweet´s Sweet Text extention).
Hi, is there a tutorial somewhere how to implement justify and hyphens?
Hi Nelson, quick question- how do you hide the “Rich Text Style” page so it stays invisible from public view? Thanks!
save the page as a draft :) hope this helps
How can we ad Bullet pointers?
thanks so much!
Do i have to rebuild content to style it?
How can I create a menu in the top of my rich text that will link to different sections in my rich text document for CMS.
Ur my hero dude…
How do you change color inside the rich text field?
I want your shirt!
Is this good for just blogs but not design portfolios where any image can vary in dimension?
Yes. This is just good for blogs that don't differ in page layout
How to you make RTE responsive from one device to another?
Hello, Nelson! Thank you so much for your helpful videos! If you have time please make a video about dynamic Tabs content. There is 1) Clients Collection - 8 items; 2) Services Collection (= categories) - 6 items. On a Client Template Page there are tabs named by the Service Collection names. The service information (pics&texts; already there, tried to put into both collection and use via refs) should be displayed by clicking on each tab, but of course unique for every generated Client page. I just can't wrap my head around it for almost 40 hrs, please give a direction if you can. Many thanks!
Thanks for watching :) Do you have a visual example for me so I can look into this question more?
@@pixelgeek Watching is fun and helpful, so don't mention that :)
@@pixelgeek preview.webflow.com/preview/jens-website?preview=16d1a0f5f6fde9a4479c0c0b6a37d07f&pageId=5da6f2d7c102b9fea534ea65&itemId=5da6f2d7c102b9145434eabe&mode=preview - The Previews link. Thing is, that on each of 8 pages, for example, "Website" tab shows the same info, which is not the desired behavior. Thank you so much for reaching out!
Any idea on how to add triggered interaction to these binded CMS rich texts ?
I basically created a Dark/Light Mode Switch button to a blog post page.
So obviously I used the "Mouse Click/Tap" trigger to trigger the background + texts color change in interactions.
Everything slid fine for all static contents until I faced the dynamic rich texts binded to CMS lools
Since we can't select the individual specific RTE to add interaction to, nor have/add any class to target that interaction to, nor any ways to use the "selected element"
I'm kinda out of idea if by any chance you guys have any tips or workaround, I'm a taker!
this might help you :) sweet-text.finsweet.com/
Thanks!!!
yes that all makes sense, but the dummy content that you bring up has already assigned the different classes so your the title is h2 the body is body, etc. my problem is when I bring my content and want to assign, for example, h2 to the title it applies to the entire content. how does that work?
You need a combo class for that man.
How can we store a users state data on the front end and back end for web applications? Is this possible with Webflow currently? If not will it be something they are working on in your opinion? Thanks!
When you say "state" data, are you talking about their physical location?
pixelgeek no I mean user state data as in I have changed this or that aspect of the interface I am working with, so they changed the “state” of the application, by clicking a button, entering an amount, selecting something, anything of that nature
Hello thanks for the video! I have asked this before, and this is not concerning this video. But Is there a way to change or customise the menu button in tablet and mobile. for example instead of 3 lines 2 lines or one line smaller than the other or a totally different icon etc.. :) I can't find it anywhere
Under the Menu Button (in the navigator on the left), where it has the image / icon, you can add your lines in here (as div blocks) and style as you wish. Then delete the image / icon. Hopefully that makes sense.
So after you've created the new page in order to define your styles for RTE's, I assume you can just delete that page?
Yes you can 😁👍
@@pixelgeek Thanks for the quick reply! I'm still not able to find the answer to my question, actually. How do you style an unordered list that resides inside an RTE from a dynamic collection? Basically I can't figure out how to add additional spacing between each list item (like bottom margin), when it's pulled in from the collection. Any ideas? This would be super-easy with CSS...not sure best practice here with Webflow however.
I love you man
glad i can help :)