Styling dynamic image in rich text field not affecting live image

Design help General
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.

19%20AM
19%20AM683×859 820 KB

Live URL - GiveForms Now Integrates with SalesForce - GiveForms Blog

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?

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

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 > Rich text element overview - Webflow University Documentation

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

Piter :webflow_heart: