Jump to content

Archived

This topic is now archived and is closed to further replies.

LukeB

Supersize background image does not work in Safari

Recommended Posts

LukeB    0
LukeB

Hi I have set my background image to supersize and it works in all browsers apart from safari for some reason.

 

In safari I just get a white background and no image.

 

I am using pagelines framework 2.4.4 and WordPress 3.6

 

Here is my URL http://www.danceyrselfclean.com/

 

Any assitance would be appreciated.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Luke,

 

Since it works on all browsers except Safari, we know the issue really isn't with PageLines and the Supersize option.  Therefore the obvious conclusion must be that something in Safari is prohibiting you from using/seeing a supersized image.  Supersize, if I recall, uses Javascript or AJAX to stretch the image.  So my first port-of0call would be to look in your Safari browser to see if javascript is disabled.

 

Next, I'd contact Safari to ask them why that effect is happening only on their browser.  Likely, others have had similar issues so there may be something in their support forums.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Javascript is enabled in my safari.

 

I wouldn't even know what to say to safari or what to look for in their support forums tbh. It seems like a couple of other pagelines users have experienced this issue as well but there didnt appear to be any actual solutions mentioned in their forum threads which is why i opened another one.

 

I may have to look into just using a CSS only method to achieve similar results as the supersize effect.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Appears to be a bug with that particular browser, if you navigate to the <body> inside the Web inspector in Safari and then make the body background color transparent your supersized image should be visible.

 

I have reported the issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
LukeB    0
LukeB

Thanks I have added the following to my custom css and it appears to have sorted it out for now.

body {
background-color: transparent;
}

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Cool, well its been reported too, so our devs are aware of the issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Tang    3
Tang

Doesn't seem to be a browser bug. Same constellation here: framework 2.4.4 + WordPress 3.6 … supersize.js doesn't work anymore. Switching it off shows the BG-image, but in original size.

Solution here: WP-Supersize Plugin (based on the same js) works and brings back the image. You can even run a slideshow. But I would personally prefer to stay within Pagelines, cause I only need the big image.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Okay!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • SaschaM
      By SaschaM+
      Hello,
      sorry. i got a problem on my site i can not fix myself, would be nice somebody can help.
      I use:
      - Platform 5 (latest) Pro
      - Pagelines Framework (latest for Platform 5)
      - keycdn (cdn enabler, cache enabler und optimus WebP)
      - my site:  example
      Problem:
      The background image i use in the Impulse Section is not beeing replaced automatically if i specify a CDN Url. I need to put in the cdn url to the image manually. Why?
      If you look in the button of the the side you see post grid section, where i have no problems. You also see there WebP Images working.
      Now i can not really use the direct cdn url for the impulse background image, cause i want to benefit there from WebP Image also in the background as it works in post grid section.
      How does it works with Impulse? The webP image for the background is ready to use.
      Thank you.
       
       
       
       
       
       
       
       
    • novusweb
      By novusweb+
      We're seeing an abnormal break in widgets in Safari (El Capitan v10.11.4). 3 Widgets set for 4 of 12 columns each breaks correctly in Chrome and Firefox, but the 3rd widget goes to another line in Safari.
      Screenshot attached.
      Hoping there's a CSS fix you could recommend in the meantime, until an update. You can see this on our home page: www.novusweb.com.
    • ppotent
      By ppotent
      It seems that whenever media is set to be on the left, there is a problem with the way safari displays them. I used to have boxes with media on left when i was using DMS2, but since PL5, I've had to use only media on top. I know there are a few css suggestions that people have offered, but I'm wondering if such suggestions can't be built into the boxes code for PL5 rather than having to add extra CSS. Otherwise, am really liking PL5 over DMS2.

    • David Shelton
      By David Shelton+
      I use Adobe's Fonts.com for specific branded fonts for our site, and it's working nicely on Chrome and Firefox. However, the fonts all default in Safari. Is there anything I need to look at?
      http://madeintheshadeblindsfranchising.com
    • crose
      By crose+
      Hi,
      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:
      http://gator4088.hostgator.com/~asif/
      Thanks in advance.
      Chuck
×