Docs

[KB-WFW]

Hi Support,

I have a weird rendering issue on the homepage using the Essential grid plugin. There is a small white space that appears below two of the images and I can not seem to find the issue..

In Chrome it appears under the Wills and Litigation and in FireFox it’s only under the Litigation.

Re-sizing the page and going back to full screen fixes the issue. If I wait 30 seconds ? or more it also resolves the issues.

See here http://goo.gl/UEicpl and attached screen cap.

Of course when I try to inspect element it disappears as the screen re-sized.

I appreciate your help.

Regards

Craig

[Nabeel A]

Hi Craig,

Thanks for writing in! I checked your site in Chrome and images are rendering fine on my end. Are you having this issue in a specific browser? Can you please let us know the browser and OS you’re using so we can take a closer look?

Thanks!

[KB-WFW]

Hi Nabeel,

I am using: Chrome 50 and Windows 7 and Firefox 46

Try refreshing the page and see if it appears ? Did you see the screen cap ?

thansk

[Friech]

Hi There,

I cant access your site, please confirm.

Thanks.

[KB-WFW]

Perhaps your IP was blocked.. I can whitelist you if you provide your IP..

[KB-WFW]

Please try again and maybe your IP has refreshed? or try a proxy site ?? https://kproxy.com/

thanks

[Rue Nel]

Hello There,

I can confirm that a line is appearing when you are viewing the page in Safari. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.esg-media-cover-wrapper .esg-entry-media-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

If nothing else works, would you mind providing us the url of your site with login credentials so we can take a closer look and fix the issue? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[KB-WFW]

This reply has been marked as private.

[Rad]

Hi there,

The issue appears randomly on my end, depending on browser width. But it’s due to cover has different height than it’s cover wrapper. Please add this CSS as well,

.esg-entry-cover {
height: 100% !important;
}

Thanks!

[KB-WFW]

Added but doesn’t seem to help..

Yes it’s in Chrome and Firefox, but disappears after the page resizes or some time delay.. as if the cell resizes itself ?

If I change the css you gave me to 110% for example, I see the overlay increase in height, but has no affect on the white space or white line..??

Is there also a fix for the color difference when viewing in Internet Explorer ? Instead of grey scale it’s off color ? See attached.

And of course no extra line in IE.. imagine that IE actually works for something lol..

Thanks again for the amazing support…

[Rad]

Hi there,

The CSS is effective, I don’t see the white lines anymore. And yes, it’s due to resizing animation hence forcing it to 100% height fixes the white space. Please clear your browser cache and test it again. If your machine or browser is slow, then it’s noticeable since animation uses processing power.

About the IE, It does not have full support on CSS3 Grayscale feature. There are hacks available like from here http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-image-example-using-css3-js/ but it would be tricky to implement to an existing plugin we don’t develop.

Thanks!

[KB-WFW]

Thanks. It hasn’t cleared up for me .. I checked from a different PC , one that has never been on that site so cache , etc should not be the culprit.

Any other ideas ?

thanks

[Rad]

Hi there,

In that case, I’ll keep on searching. For the meantime, would you mind providing a screen video recording of the issue? I may try the exact procedure.

I checked again and there is no issue.

Thanks!

[Rad]

Hi there,

In that case, I’ll keep on searching. For the meantime, would you mind providing a screen video recording of the issue? I may try the exact procedure.

I checked again and there is no issue.

Thanks!

[KB-WFW]

Please try this link to download.

https://drive.google.com/open?id=0Bx2BC-rj5Q_0c01GVjlLWlVPY2s

See the lines on full screen and when I resize they go away. Refresh page and they come back ?

thanks RAd.

[Author]

Posts