Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Images won't display…

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #241482
    Silveroo
    Participant

    URL is http://saraboisclair.com/en/sara-boisclair-naturopath-montreal/

    There’s a grey section between the banner and the purple footer.
    Images are supposed to show up there. If you inspect the code, the code is there.
    Yeah, I know it’s a messy theme, but that’s all I can muster.

    Really confused as to why aren’t images displaying? (they were not too long ago)

    many thanks

    #241487
    Atelierbram
    Participant

    When searching for .av-masonry-entry in your (layerslider.css ?) stylesheet on Isotope Masonry, there is this declaration block:

    .av-masonry-entry {
        position: relative;
        display: block;
        width: 24.90%;
        float: left;
        clear: none;
        text-decoration: none;
        visibility: hidden;
        opacity: 0;
    }  
    

    Now those last two property/value pairs are preventing the images to be visible. So removing visibility: hidden and opacity: 0 will make them reappear.

    However this might not be the cause of your problem, maybe the cause is this javaScript error preventing the Masonry javascript to override those styles, but that’s not more then a wild guess.

    The link to your concatenated stylesheet

    #241539
    Silveroo
    Participant

    many thanks,

    your analysis was spot on, I was able to apply a quick fix to satisfy the client :)
    Looks like I need to update my theme though.

    cheers

    #242130
    Silveroo
    Participant

    hello again,

    Another problem has surfaced… very oddly enough, another graphic goes missing again, disappearing for no apparent reason. It’s the green banner section with the leaves.

    See archive.org to see it: https://web.archive.org/web/20160130041946/http://saraboisclair.com/

    Compared to http://saraboisclair.com

    Why is this green slider section not displaying?

    many thanks

    #242138
    Atelierbram
    Participant

    When I look at your site with DevTools open I see two javascript error messages:

    Uncaught ReferenceError: lsPrefixes is not defined
    Uncaught ReferenceError: cssContainer is not defined

    Looks like the error is in the greensock.js, and maybe needs an update. I would try to update the version to version 1.17.0, the one that is used on the demo site for this, or maybe even the latest one from the greensock website.

    Trying this locally, swapping those out, got the initial image loading and kind of animating on load, so well …

    Have you tried temporarily disabling the “Better WordPress Minify” plugin?

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.