[Irinata]

Hello,

I would like to reduce the space between pictures for portfolio item. I use gallery 2 (without zoom).
I found this code in topics :

.gallery-grid .masonry-item {
padding: 0;
}

but this works only for portfolio page, but not for portfolio item.

Can you help please?

[serkan]

Hi @Irinata;
You can use this custom css code;

.gallery-single .pw-collage a { margin-bottom: 15px !important; margin-right: 15px !important; }

Thanks

[Irinata]

Sorry for the late reply. It works for me, thank you very much!!!

Can we help me to change color for lightbox background in gallery 2 ? I would like to make it white. There is solution on the forum but only for gallery 1.

Thank you in advance.

[Irinata]

Actually I spoke too fast. Your code works (the space between pictures is reduced), but it adds extra 15px on the right sight of the gallery, so the gallery is not centered on the page.

[serkan]

Hi @Irinata;
If you provide me your related urls, i can help you more.
Thank you.

[Irinata]

Hi serkan, it’s here : http://taniadely.fr/portfolio/galerie/

[serkan]

Hi @Irinata;
You can use these custom css codes;

.mfp-bg { background: #FFF; }

Use the second code without margin-right.

.gallery-single .pw-collage a { margin-bottom: 15px !important; }

Thanks

[Irinata]

Hi @serkan

many thanks for quick reply.

For the grid : Your code reduce space between rows, but not between pictures in one row. I tried this :
.pw-collage { padding: 15px !important; }
and I think it works.

Your code for background color works very well. With white background I managed to make close button and counter visible (in grey color), but I can not find how to change color of left and right arrows, they stay invisible.
So if you have a solution for the arrows, I would very grateful. :)

Thank you!

[serkan]

Hi @Irinata;
I hope this custom css code work for you.

button.mfp-arrow:before { background-color: #808080; }

Thanks

[Irinata]

Hi @serkan. thanks for your reply. I applied your code, it makes grey the square buttons around the arrows.

Is it possible to apply make grey just the arrows themselves, not the square button?

Thanks a lot in advance!

[serkan]

Hi Irinata,
The arrows are white because they are using background image. White is not coming from the color code. Which means there are too much work to do. You need to edit the background image with photoshop and replace in the theme folders. That is why i gave that css code. I hope it will be okay, it requires more time and effort to customization, if you are not familiar to coding you may consider hiring an expert at envato studio.

[Irinata]

Hi @serkan,

thank you very much for your help and explanation about the background image.
Finally I found it and replace the color to grey. Now everything is ok.

Photographer theme is awesome and your support is great.
Thank you again.

[serkan]

Hi Irinata,
It looks great. You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

[Irinata]

Rated 5 stars ;)

[serkan]

Thank you =)