Lightbox not loading image in safari « Support Forum | Kriesi.at

Support Forum » Avisio

Lightbox not loading image in safari

9 posts from 3 voices

Started 2 years ago by leonardo303
Latest reply from James Morrison
This topic is not resolved

Tags:

leonardo303
Member

Lightbox not loading image in safari.

Posted 2 years ago #
Dude
Dude

Hey,
we released an update for Avisio some weeks ago (you can download it @themeforest.net). If you don't want to update (because of major customizations, etc.) you can just replace the lightbox files. Please refer to this thread: http://www.kriesi.at/support/topic/wp-31-breaks-lightbox for more information.

Posted 2 years ago #
leonardo303
Member

Thanks for your response.
I replace the files css, js, but does not work
Thanks!
Leonardo

Posted 2 years ago #
Dude
Dude

Can you post a link to your website please.

Posted 2 years ago #
leonardo303
Member

Sorry for the delay. I tested whit the new version and without plugins but is the same bug
http://www.leonardoturrin.com/artwork/serie-01/

Thanks
Leonardo

Posted 2 years ago #
Dude
Dude

Very wired - I can't reproduce the problem with Firefox, Safari and Chrome on Windows 7. I made a screenshot:

As far as I know James and Kriesi use a Mac - I'll ask them to test your website with their Macs and Safari.

Posted 2 years ago #
leonardo303
Member

Thanks, I think the problem is only in mac and safari.

Posted 2 years ago #
leonardo303
Member

Other question: how to enlarge the width for the content and reduce the width for the sidebar?

Thanks in advance

Posted 2 years ago #
James Morrison
Former Team Member
Hey,

1.) The lightbox works fine for me in all major browsers including Safari, Firefox and Chrome on Mac. If you find that something works in Chrome but not Safari (which uses exactly the same rendering engine), it may be that an extension / plugin or something in a custom CSS file (if you've set one) is causing a conflict.

Try disabling all extensions / plugins and clear your browser cache, then try again. It may also be worth checking on another computer (where possible) to see if this is limited to only your computer or your network etc.

2.) In style.css, you should find this code (line 92):
```
.content {
    float: left;
    padding: 0 45px 0 0;
    position: relative;
    width: 590px;
}
```
and this code (line 106):
```
.sidebar {
    float: left;
    padding: 20px 0 40px 25px;
    position: relative;
    width: 280px;
}
```
You can increase the width of the main column by increasing the width of content and decreasing the width of sidebar. Bear in mind that other nested elements will also need adjusting, I strongly recommend using FireBug to assist you in finding which elements to adjust and where to make these adjustments.

James
Posted 2 years ago #