Streaming live at 10am (PST)

Styling dynamic image in rich text field not affecting live image

#1

I’ve got a blog and am trying to make images within a rich text field full width on mobile. On the live site, they are showing only at 60% width.

12%20AM

When I go to style an image within the rich text field in Webflow, the image shows at 100% width.

Live URL - https://www.giveforms.com/blog/giveforms-now-integrates-with-salesforce

I inspected the code and noticed the images are wrapped with figure and div tags, so I styled the figure and image to be 100% width, but that didn’t work (can’t style the div tag).

Any ideas why this could be happening?

1 Like
#2

Hello @Dreamten

Maybe you need to open the image settings and set to full width. The rich text image settings.

Piter :webflow_heart:

#3

I already styled the figure and image to be 100% width

1 Like
#4

Yes, but using the styles panel. I think that there’s some problems with styling images in RTE using the styles panel. You can go to the blog post > rich text > set the image to full width. See here > https://university.webflow.com/article/rich-text#media-settings

Maybe the media styles are conflicting with the css styling from the style panel.

Piter :webflow_heart: