Sign in to follow this  
Followers 0

Page Background image not showing in browser

4 posts in this topic

Hi, I'm building a site for a friend,


I've uploaded a background image to the main page but I cant get it to show in any browser. Weirdly, it does show when viewing on an iphone/ipad. Cant see what I'm missing....can anyone make a suggestion for me?


Thanks V Much




Website URL:

Framework Version: 2.4.1

WordPress Version: 3.5.1

Plugins in Use: All disabled...



Share this post

Link to post
Share on other sites



The reason why your background isn't showing is that you're using the SuperSized Background option but you have not configured your Carousel correctly. When the Carousel section isn't configured correctly, it throws out a js error which prevents the supersized background image from loading.


To resolve the issue, configure your Carousel section correctly or remove it from your template, the background will appear.

Share this post

Link to post
Share on other sites

Thats great Rob, removed the carousel and that did the trick.


Can I ask where/what the supersized background option is? The image I have is around 1300px wide, but only shows in the centre of the page, however, if I use an old image which is 1200px wide, it fills the screen. I cant see an obvious difference betwen the images apart form the size, but would have expected the larger of the 2 images to adjust smaller, rather than wanted it to be bigger!


Ta...I'm a novice...but slowly getting there.



Share this post

Link to post
Share on other sites

The Background supersize option sets the background image to fit your browsers window. You can disable this option by going to PageLines > Site Options > Color Control.

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
Sign in to follow this  
Followers 0

  • Similar Content

    • Can I remove the play button that appears on canvas area background images on mobile?
      By crose+
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      Thanks in advance.
    • Make page background fill whole screen
      By jeomiland+
      Have a couple clients who are having background image issues. This should be a basic question so hope fix is easy. How do you get a specified image to auto resize so it fills the browser screen? Client has portrait-format image that's 1000x1000 and the left and right are displaying the background color (white) on my 1440 wide Macbook pro, as it is on client's computer. She has tried clicking "Fit image to page" and repeat background - neither is getting what she expects.  I suggested trying a landscape-format image.
      But the larger question is this - how does one plan a proper background image that will fill the whole screen - left to right - in the browser image and have it scale appropriately?  Should one always have landscape background images? What about scrolling vs not scrolling BG? How plan your BG image so it will fill the screen on laptops, ipads, iphones...  both in landscape and portrait format? Is it true that you can't do it? that either the left-right or top-bottom are cut off depending on the device and orientation?
      2 sites where this needs resolution:
    • Elements Update 5.0.3
      By hibbsy78+
      Mobile layout much better in 5.0.3. There appears to be an issue that it 'super-sizes' the background image?

    • BG Tile Size Setting Missing from Pagelines > Settings
      By dawsonbarber+
      Under PageLines > Settings, it looks like the actual setting for the background image tile size is missing.
    • How to make Site Background Image appear on Page
      By Sparkblender
      I'm having problems defining one repeating background image to show across all my regions.
      This is what I did:
      I've defined a background image in the "Site Settings" --> "Color & BG".
      Despite this, why does my page show a solid background instead?
      See this:
      The Fixed Region's options offer the possibility to specify background options as well.
      I specified "No background" as a Background Theme, assuming that this would take the default site settings instead.
      See this:
      I tried selecting other Background Theme settings, but none of them produced the intended result.
      Please help.