Quickly style a Webflow Rich Text Element - Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

ความคิดเห็น • 33

  • @designsbysarahhuong
    @designsbysarahhuong 6 หลายเดือนก่อน +2

    There's been an update to the Rich Text Editor! When you disconnect it from the CMS, it doesn't contain the content. Instead, it lists all the Heading styles. This allows you now to be able to style all the headings easily.
    1. Click on the heading you want to style
    2. Go to the sidebar and under the Style Selector, click in the "search box"
    3. A list should appear - click on the pink button that says "All H1 Headings"
    4. Beneath that, click on "[+] Nest selector inside of Rich Text Block (or whatever the class name is)"
    4. From there, change whatever settings you want for the heading.
    Note: If it doesn't work, double check if the Dynamic Rich Text Paragraphs has the matching class.

    • @sveaschuler3584
      @sveaschuler3584 9 วันที่ผ่านมา

      Thank you for commenting about the update! I was getting mad trying to find where to change it into static text :D
      Very helpful tutorial though!

  • @lisacardinal2297
    @lisacardinal2297 หลายเดือนก่อน +1

    Exactly what I was looking for to style my RTE blogs. Thanks Nelson!

    • @pixelgeek
      @pixelgeek  หลายเดือนก่อน

      happy to help! :)

  • @JonathanPatterson-x6d
    @JonathanPatterson-x6d 5 หลายเดือนก่อน +2

    You are a life saver! I wanted to pull my hair out editing my blog!

    • @pixelgeek
      @pixelgeek  4 หลายเดือนก่อน

      Glad I could help!

  • @Cs2GamiNG
    @Cs2GamiNG ปีที่แล้ว +1

    Nice to have you back man

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      Glad to be back :) Thanks for your support

  • @MariusGerome
    @MariusGerome ปีที่แล้ว +2

    damn this is so useful. u know what i recently did? i applied the styles i wanted in my rich-text-elements on their global scale (e.g. all images, all h1-h6's, all links, etc) and therefore i needed a class that would undo all of these styles i just wanted for my RTE xD that was some cumbersome s*** - but hey, its in the past now! thanks for the tutorial

    • @MariusGerome
      @MariusGerome ปีที่แล้ว

      what would be even cooler; if i can give elements inside an RTE classes-directly in the cms collection
      edit: sure, some code embeds will do this, buuut, the class names won't update automatically, and thats a pain for me to be honest

  • @RashedKhanMenon-u4w
    @RashedKhanMenon-u4w 3 หลายเดือนก่อน +1

    You are awesome!

    • @pixelgeek
      @pixelgeek  3 หลายเดือนก่อน

      Glad you liked it!

  • @itsclaire5088
    @itsclaire5088 5 หลายเดือนก่อน

    it's really helpful. Thanks a lot

  • @austinlin42
    @austinlin42 ปีที่แล้ว +1

    That's the trick I always try to do. ty!

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      Happy to help!

  • @mikepapahotel
    @mikepapahotel ปีที่แล้ว +2

    Hey Nelson - nice to see you around again! I'm enjoying this series - punchy and straight to the point! 👍🏻
    One question if I may - after building it, I maintain my son's website, which also includes posting the blog posts he writes.
    No matter what I've tried I can't get paragraph text to flow around any of the images I add to RTE paragraphs.
    After pressing enter I can add the image and select the alignment (left/right/center etc.) but it just doesn't take.
    Any thoughts? 🤷‍♂️
    Cheers,
    Mike 😊

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      can you record a loom.com video about the issue and reply back?

  • @templa946
    @templa946 ปีที่แล้ว +2

    Weird... Is this video out of date?
    Im not getting the rich text style panel on the right at all. That option doesn't seem available. Its just.the normal panel on the right with all the standard options....

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      Make sure you add a classname to your rich text element

  • @maxkrupenko
    @maxkrupenko 4 หลายเดือนก่อน

    thanks a lot!!

  •  ปีที่แล้ว +1

    For some reason I can't do it. Followed every step, but changed styles when disconected, gets lost once I connect it again. And the duplicating method also does not reflect the changes in the connected element...

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      Can you post your read-only link?

    •  ปีที่แล้ว

      @@pixelgeek I think TH-cam wont let me send the link. How can i sen it to you?

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      you can email it: business@pxlgk.com

    •  ปีที่แล้ว

      Hi! @@pixelgeek I sent an email...please help

  • @ridpathcreativepartnersllc9269
    @ridpathcreativepartnersllc9269 ปีที่แล้ว +1

    Thank you.

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      You're welcome!

  • @austinlin42
    @austinlin42 ปีที่แล้ว

    Hi Nelson, I am curious: is there a way to enlarge the figure in rich text? It seems that no matter how I adjust it, it is still the same width. Thanks in advance!

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      if you're trying to make an image that is within a rich text element bigger, you'll need to double click the image, click the wrench icon, then click on the SIZE tab. There you'll see options to change the position or size.
      Hope this helps :)

    • @austinlin42
      @austinlin42 ปีที่แล้ว

      ​@@pixelgeek Thanks for this. It seems they changed the unlink-rich text style to a different process. When I pulled up the new rich text, the default style only had different headers text styles without image

  • @rpaulseymour
    @rpaulseymour 4 หลายเดือนก่อน

    Nice, except... I cannot for the life of me figure out how to make "small" rich text pics not have that huge goofy mobile padding. I removed the margins from all figures but... nothing changed 😢 But, still... for the rest a life saver. If anyone who sees this comment knows how to get rid of those small image margins, please reply

  • @HarshVerma.Growth
    @HarshVerma.Growth ปีที่แล้ว +1

    You have left Webflow thats the best thing you did leaving the best thing. #webflow #mobigirl #supertechhero

    • @pixelgeek
      @pixelgeek  ปีที่แล้ว

      thanks for your support ❤️