How to remove the bottom margin of the image inserted in rich text

Here is my site Read-Only: Webflow - 제로스톤

[How to remove the bottom margin of the image inserted in rich text]

Hello Webflow Community,
the height of the image inserted while using rich text for CMS is low, but there is a margin at the bottom during rendering, which is different from the design intent. Can I get some help? I’m a web designer and I’m not good at code. Thanks in advance to the webflow experts.
// I am using a translator for communication.

  • laurel-rich 리치 텍스트 요소를 복제하세요.
  • CMS와 연결을 해제하세요.
  • 콘텐츠에 이미지를 추가하세요.
  • 그 이미지를 선택하세요.
  • 오른쪽 상단 클래스 선택기에서 **모든 이미지(All Image)**를 선택하세요.
  • 그런 다음 아래에서 laurel-rich 내에서를 선택하세요.
  • 이미지에 하단 여백이 있는 것을 확인할 수 있습니다. 이를 제거하세요.
  • 새로운 스타일 규칙이 laurel-rich에 적용되고 CMS와 연결된 요소에도 영향을 미치는 것을 확인할 수 있습니다.
  • 완료 후 임시로 복제한 리치 텍스트 요소를 삭제할 수 있습니다.

English;

  • Duplicate your rich text element laurel-rich
  • Unbind it from the CMS
  • In the content, add an image
  • Select that image
  • In the top right class selector, choose All Image
  • Then select beneath that “within laurel-rich
  • You will see that the image has a bottom margin, remove that
  • You will see that the new styling rule is on laurel-rich and affects your CMS-bound one as well
  • You can delete the temporary copy of your rich text element when you are done
2 Likes

Wow, I solved it thanks! Thank you for your kind solution
have a good day:) :) :) :grinning:

1 Like