Hopefully this is a simple thing I'm missing. I'm working on a site for a photographer, and the site is responsive. I've run into an issue with the images that I put into the content on the blog pages specifically (using the richtext edit). I need the images to insert with no width or height constraints, because the hardcoded values mess up the responsive resizing. Is there a way to keep those values blank? Otherwise I have to instruct my client to go back on every image and delete those values to make sure it all looks good on mobile. I've attached a screenshot of the area I'm talking about.

So basically I need the 800 and 998 in the example to not appear when I insert the image. Possible?

Thanks in advance!

size-example.jpg (110.16 KiB) Viewed 1324 times

[cheesypoof]

You could clear the width and height values so that the relevant attributes are not output, but this is perhaps expecting too much from the client. I would suggest just going with a CSS solution on the front end:

Code: Select all

.content-area img {
    width: auto !important;
    height: auto !important;
}

Of course it's the easy thing I didn't think of. Thanks cheesypoof!