TextformatterFluidImages by Netcarver

Removes the height attribute and adds a class to img tags. Set max-width:100% for the class in your CSS and you have fluid images.

A textformatting module for ProcessWire that strips the height attribute from any <img> tag and adds a configurable CSS class. By default, the class image-width-control will be used.

To complete making the image tags fluid, add the following to your stylesheet

.image-width-control {
  max-width:100%;
}

This is based upon the RemoveHeights textformatter by Diogo Oliveira.

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

Latest news

  • ProcessWire Weekly #489
    In the 489th issue of ProcessWire Weekly we'll check out what's new in the core this week, share a brand-new recipe of the week, and more. Read on!
    Weekly.pw / 23 September 2023
  • ProcessWire 3.0.226 new main/master version
    After 8 months in development we are excited to bring you ProcessWire 3.0.226 main/master. This version has a ton of great new features, improvements and optimizations, plus more than 100 issue fixes. This post takes an in-depth look at highlights from this great new version.
    Blog / 25 August 2023
  • Subscribe to weekly ProcessWire news

“We were really happy to build our new portfolio website on ProcessWire! We wanted something that gave us plenty of control on the back-end, without any bloat on the front end - just a nice, easy to access API for all our content that left us free to design and build however we liked.” —Castus, web design agency in Sheffield, UK