1 Topic by mrjw34 (edited by mrjw34 2016-11-03 13:15:17)

  • Registered: 2014-12-26
  • Posts: 65

Topic: ListViewer image load [SOLVED]

Any idea why when the jpg file loads on my main page there's a grey box that flashes before it loads?

It's a ListViewer page and I've searched everywhere for a grey color that might be responsible.

  • Registered: 2012-12-16
  • Posts: 950

Re: ListViewer image load [SOLVED]

I expect the grey color you are seeing is coming from line 386 of the '_themes/maribo/css/styles.css' file (the 'background-color' entry in the following section).

.gallery-listviewer .image-wrap {
  /* intrinsic ratios image sizing */
  position: relative;
  height: 0;
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
}

I'm not sure about the origin of this 'background-color' entry (a neutral grey might have been chosen to prevent an even more distracting flash of either black or white in certain browsers) but try removing the 'background-color' entry, changing the color to match the background color of your website or change the 'rgba' value to be completely transparent: background-color: rgba(0, 0, 0, 0);
This should hopefully solve your problem.

Please note that the line number above refers to the current version of Showkase (v1.6.1).

  • Registered: 2014-12-26
  • Posts: 65

Re: ListViewer image load [SOLVED]

I saw this code when I inspected the page and made the grey transparent in my custom css file.
But nothing happened.
That was because I had put the dash in gallery-listviewer in the wrong place!
Seeing your post made me look again and made the correction.
That solved the grey issue.

Thanks Steve.

  • Registered: 2012-12-16
  • Posts: 950

Re: ListViewer image load [SOLVED]

I'm glad to hear that you've been able to resolve your issue.
Thank you for letting me know.