Images aren't responsive on some page

Hi tsmm, this can happen if you have images in pages built within WordPress, and the images are inside the content, and their width is set in PX and not in %.

Just go to the page editor of the page you wany,and switch to text editor, and change the width of the image to 100%....maybe put height = auto , or whatever you want.

In case this is a page built with themler, just set the width to 100% in the editor inside themler..

Hope you can understand my method...

Last edited 20 May 2015 by shaulhadar

Hi,

This is Chrome specific issue related to image's max-width: 100%;.
Please open the page html source in WP >> find the images and add inline max-width: none:

<img class="alignnone  wp-image-125" src="http://indigofs2015.tsmm4.com/wp-content/uploads/daniel-watts.jpg" alt="daniel-watts" width="166" height="226" style="max-width: none;">

This should help.

Thank you,
Olivia

Do I have to do this manually with all images on the website or is there a CSS or edit in Themer that I can do to make all images default to this.

Also, Wordpress keeps removing the html I add to 'Text' - style="max-width: none;"

Hello

The reported issue happens with images inside tables.
So you can try something like:

table img
{
max-width: none!important;
}

/* and this code to solve the current issues with image responsiveness */

.bd-tagstyles:not(.bd-custom-imagestyles) img
{
height: auto;
}

But this may affect image responsiveness.

Custom css can be added in Themler Settings >> Additional CSS.

Thank you,
Olivia

Last edited 08 June 2015 by Support Team

This is too complicated, do I have to do this to every image?

Hi,

You can insert this code under the Settings >> Additional CSS and that's all.

Sincerely,
Hella

Hello.
I met same trouble.
My theme is not good for using 'height: auto;' only.

I add '!important;'and its OK.

'height: auto !important; '

Try it if.