Limiting Display of Images

I cannot find the issue anywhere on your site… Could you point me in the right direction?

Hi RavanH,

I actually had to find a fix last night. I posted my message for help 6 days ago and I couldn’t wait. So I now have the current litters all on different pages in order to avoid other images such as divider, etc showing in a slideshow. I guess there is more than one way to fix things. Although I would have preferred having work all on one page.

I have another issue with Easy Fancybox. I noticed last night that there are many places for support. What’s the best place to get support? On here doesn’t seem to be the best.

The issue I have now is that when starting the Fancybox, only few of the pictures show up. See: https://www.ooodlesofdoodles.com/Home/nursery/gracie-and-spin-current-litter/

Thank you for your help RavanH!

Ginette

Hi Ginette,

That’s unfortunate. I’ve been very busy lately, sorry about that…

About the number of images in the galleries. They are all there but the issue is this: click the top left image (visually the first one) and you end up somewhere in the middle of the gallery (in coding terms, taken from the order in the HTML source). This means that some of the images are to the left and some to the right. Use the keyboard arrow keys or click the hover arrows to test this.

This effect is caused by the fact that the images are wrapped in P tags which are right-floated (CSS style rules display:block;float:right;) which causes the visual order and the source code order to be different.

To solve this discrepancy open your stylesheet and find

.blocPhoto {
...
float:right;
...
}

and change this ‘right’ to ‘left’.

Note: the stylesheet I am talking about is the one inside this other plugin /plugins/pwaplusphp/css/style.css

Changing that file has a disadvantage. If there is a plugin update, your change will be lost. So you might want to take another approach: install Jetpack and configure it (you can disable all modules that you do not care for) but leave the module called Custom CSS active. Then go to the new Edit CSS admin page and add the rule:

.blocPhoto {
float:left;
}

and save ??

Hi RavanH,

Thanks for this. I’m going on a short trip but when I return, I will follow your instruction and hopefully that works for me. I’ll let you know one way or another.

Again thank you for your help!

Have a wonderful weekend!

Ginette

Hello RavanH,

Your suggestion of installing JetPack and adding the float left rule worked. Thank you!

My pictures were centred on my pages and they are not anymore. Do you know how I can fix this?

Ginette

Try

.blocPhoto {
float:left;
margin-right:0;
margin-left:15px;
}