images cut in half
-
- Phoca Member
- Posts: 10
- Joined: 28 Sep 2018, 10:35
images cut in half
Hi,
Phoca Gallery Slideshow Plugin had worked for some time fine. But suddenly images shown moved up so they became cut in half.
Any ideas what went wrong and how to fix it?
Examples are here:
http://bahaiarc.org/93-service/1263-community
or here:
http://bahaiarc.org/about-bahai-faith/b ... h?start=5
Phoca Gallery Slideshow Plugin had worked for some time fine. But suddenly images shown moved up so they became cut in half.
Any ideas what went wrong and how to fix it?
Examples are here:
http://bahaiarc.org/93-service/1263-community
or here:
http://bahaiarc.org/about-bahai-faith/b ... h?start=5
Tags:
- Jan
- Phoca Hero
- Posts: 48299
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: images cut in half
Hi, do you get this with different Popup Method. Which version of Phoca Gallery do you use? Where there some changes in template, maybe there is some conflict between the gallery and template.
Jan
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 10
- Joined: 28 Sep 2018, 10:35
Re: images cut in half
Thanks for getting back to me!
Do I get this with different Popup Method?
- Yes. I’ve just changed from Highslide JS to Standard Popup Window to check. And it is still the same. I’ll keep it for a while so you can see for yourself.
Phoca Gallery version is 4.3.10.
As for template I don’t know. It might have undergone some updates. I don’t know how to check it and to find out if there is a conflict with it.
Any ideas what to do?
Do I get this with different Popup Method?
- Yes. I’ve just changed from Highslide JS to Standard Popup Window to check. And it is still the same. I’ll keep it for a while so you can see for yourself.
Phoca Gallery version is 4.3.10.
As for template I don’t know. It might have undergone some updates. I don’t know how to check it and to find out if there is a conflict with it.
Any ideas what to do?
- Jan
- Phoca Hero
- Posts: 48299
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: images cut in half
Hi, it is easy to test if the problem can be related to template, just switch to standard template for test only so you will see if you get the same problem there
Jan
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 10
- Joined: 28 Sep 2018, 10:35
Re: images cut in half
Thank you!
I’ve checked with all available standard templates. Here are results:
It has same problem with templates Beez2, beez3, Beez5. But it works fine with templates protostar and Atomic. So, I guess, with your help here we now know for sure that the problem is conflict between the gallery and template.
Any advice on what to do with it? Maybe here on the forum you helped somebody with similar problem?
I’ve checked with all available standard templates. Here are results:
It has same problem with templates Beez2, beez3, Beez5. But it works fine with templates protostar and Atomic. So, I guess, with your help here we now know for sure that the problem is conflict between the gallery and template.
Any advice on what to do with it? Maybe here on the forum you helped somebody with similar problem?
- Jan
- Phoca Hero
- Posts: 48299
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: images cut in half
Hi, unfortunately, there is no easy step to find the problem. You should do different steps until you will find the place where the conflict occurs
1) try to disable/enable different CSS on your site (e.g. in Google web developer tool) to find with CSS is in conflict
2) if you will find such CSS, try to disable different classes to find which part can be in conflict (mostly you select the problematic part to see the classes which influence this part and you will try to disable them step by step)
Jan
1) try to disable/enable different CSS on your site (e.g. in Google web developer tool) to find with CSS is in conflict
2) if you will find such CSS, try to disable different classes to find which part can be in conflict (mostly you select the problematic part to see the classes which influence this part and you will try to disable them step by step)
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 10
- Joined: 28 Sep 2018, 10:35
Re: images cut in half
Thank you! You gave me a road map. I appreciate it very much!
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: images cut in half
Hi,
I saw an Inline segment. Don't know where it comes from:
After inserting temporarily following Code at the end of template.css:
it looks OK. Just give it a try.
Kind regards
Christine
I saw an Inline segment. Don't know where it comes from:
Code: Select all
.pg-detail-view {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
Code: Select all
.pg-detail-view {
position: relative;
top: 50%;
transform: none;
}
Kind regards
Christine
-
- Phoca Member
- Posts: 10
- Joined: 28 Sep 2018, 10:35
Re: images cut in half
Christine,
It took us a while to implement your solution but at the end it worked fine! Thank you very much for your assistance!
It took us a while to implement your solution but at the end it worked fine! Thank you very much for your assistance!
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: images cut in half
Thanks for feedback.
Kind regards
Christine
Kind regards
Christine