Image display issue in IE 11 - Not center aligned

Support
#1

Hi Team,

I am having a really strange issue here with IE 11.

So the entire site is displaying the way I intend it to, except for one rather large image on the home page. The column and row are center aligned, so I would expect that the image align in the center. The pro editor shows this, and also, all browsers but IE are displaying the image with no issues.

Screenshot of the beginning of the image here:

As you can see the image is not aligned in the center.

The website is https://www.patientevolution.com

Please scroll down to the results section of the page to see this issue.

Thanks in advance for your help!

#2

Hello There,

Thanks for writing in! I have inspected the page and I found out that the image has a dimension of 1500 x 4500. You must force it to have a 100% so that it will always fix whenever the column width is smaller than the original width. To do that, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-image img {
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
}

We would loved to know if this has work for you. Thank you.

#3

Hi,

This skewed some of my other photos, so I assigned the one image a custom class and used the above CSS. Unfortunately, this CSS did NOT work, however I was able to solve the problem using a px based max width on the element.

Thanks!

1 Like
#4