Hello!
Thank you for developing a really useful plugin. However, images are not responsive.
I think, I have discovered why the maintenance page created by the WP Maintenance Plugin does not allot for a responsive image when using an image different than the default image of stacked construction cones.
In the CSS of the settings for WP Maintenance plugin, I first thought it would be possible just edit the “logo” selector to this :
logo {text-align: center; max-width: 100%; height: auto;}
But to no avail, even after adding the !important declaration.
Then I tried:
element.style {
max-width: 100% !important;
height: auto !important;
}
and
#element.style[style] {
max-width: 100% !important;
height: auto !important;
}
and
#wpm-image[style] {
max-width: 100% !important;
height: auto !important;
}
But none of these worked.
Upon a closer look at the html I found that there is !important declarations that have been added to the inline css style of where :
style="width:720px!important;height:542px!important;"
See full element below:
<img id="wpm-image" src="https://mywebsite.com/typographic/wp-content/uploads/2022/05/font-shop-ruler_design.jpg" width="720px" height="542px" alt="Typographic Imagery Cool Stuff about Typography!" title="Typographic Imagery Cool Stuff about Typography!" style="width:720px!important;height:542px!important;" data-mwl-img-id="116">
My understanding is that it’s not possible using CSS to override inline CSS if it has !important. Correct?
So, can you please remove !important on the inline style for images?
Also can you add the option of changing image sizes to percentages instead of pixels?
If these capabilities were added, IMO, it would truly be a fantastic plugin!
Thanks again.