Jump to content
rantamies

Backround image wont load

Recommended Posts

rantamies    0
rantamies

Hi there,

 

http://basecampoulanka.fi

 

I have problem with some pages when browsing with chrome. when you to example this page http://basecampoulanka.fi/ohjelmat/sulan-maan-aikaan/koskenlasku/kansallispuiston-kauneimmat-maisemat/ in wonnt load backround image and it leaves black square in top feature. This happens in several page but all.

 

Like this page works http://basecampoulanka.fi/ohjelmat/sulan-maan-aikaan/koskenlasku/villi-k-18/ works

 

Please help i have tried everything i know and bit more.

 

Ville

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

This is caused by the Supersize option. You can deactivate that in Site Options, or, you can add the code below to Dashboard > PageLines > Site Options > Custom Code.

#supersized-loader {
    background-color: rgb(17, 17, 17);
    border-radius: 5px 5px 5px 5px;
    display: none;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    text-indent: -999em;
    top: 50%;
    width: 60px;
    z-index: 10;
}
  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
rantamies    0
rantamies

Thanks Rob,

 

One problem selved! Black square disappeared but. Image wont load yet 

 

Works= http://basecampoulanka.fi/ohjelmat/sulan-maan-aikaan/koskenlasku/villi-k-18/

don't work= http://basecampoulanka.fi/ohjelmat/sulan-maan-aikaan/koskenlasku/kansallispuiston-kauneimmat-maisemat/

 

Another problem is that pop up form wont load on brogen pages.

 

Ville

Share this post


Link to post
Share on other sites
Rob    547
Rob

Ville, my first question is, are the settings the same for both pages in PageLines Meta Settings?

 

When you go to edit the pages where the image doesn't appear, below the editing field, look at PageLines Meta Settings, and check to see if there is any difference in the way the background settings are specified? 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
rantamies    0
rantamies

All Meta settings all same. I tried to make new page and backround image wont load with chrome. With Safari it's OK. 

 

It seems problem is in carousel section. I removed carousel from template and it's working now.

 

I ll go with this. 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Okay, thanks.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      every since Chrome introduce scroll anchoring (see chrome://flags) blog posts on my page start scroll automatically as soon as the user scrolls down a bit. It is super annoying and I don't know exactly what triggers the incompatibility with Chrome's latest feature that is supposed to improve usability.
      Since I don't know what causes it (Pagelines, or a Plugin), I would like to disable the feature using a CSS override that Google describes as follow:
      "Scroll anchoring aims to be the default mode of behavior when launched, so that users benefit from it even on legacy content. A CSS property overflow-anchor can disable scroll anchoring in part or all of a webpage (opt out), or exclude portions of the DOM from the anchor node selection algorithm. This property supports the following values when applied to an element E:
      overflow-anchor: auto (the default value) declares that the DOM subtree rooted at E is eligible to participate in the anchor node selection algorithm for any scrolling box created by E or an ancestor of E. overflow-anchor: none declares that the DOM subtree rooted at E is not eligible to participate in the anchor node selection algorithm for any scrolling box created by E or an ancestor of E." Do you guys happen to know how to use that property with the ROOT element so it applies to the whole page?
      Thanks
      Michael 
    • jagipson
      By jagipson+
      We had this site on our cloud 9 server and moved it to a Amazon Web Service server using Cloud Front and now the Editor on chrome is missing just says USE GOOGLE CHROME TO EDIT WITH DMS. Have tried multiple computers and same results. Any solutions why we would be have this problem?  Won't work on any page.
      http://www.viaglobalgroup.com/
      Thanks
       
      Matt
      @Danny @Andrew 

    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
×