Phoca Gallery: Questions on Background Colour and Image Centering

[Grover]

Centering Images
As you can see from the gallery page https://car-free.ca/gallery/category/11-korea the images are all aligned right though it's only noticeable with vertical images, leaving a big ugly gap in the middle of the page. I can't figure out if I have to edit the CSS of the gallery theme or the overall site theme in order to get the images to centre. If the latter I think I'd better look at applying a different theme to the gallery component to avoid adversely affecting the other content.

Change Background Colour
I've tried changing the background colour of the gallery pages to a dark charcoal grey but again it seems like I have to change the theme of the site itself, not just the gallery theme. I was able to change the image box and hover colour but can't seem to dig down any deeper.

Any suggestions for these two problems?

[Grover]

this is the best for veryone for ans of this qus. by *Link removed from administrator*

Seriously, SPAM for an escort service? Does *removed* like that even work?

[christine]

Hi,

1) FYI: Whenever spams are detected, we always remove them. It wasn't a good idea, to link to that link

2) Background color (to your custom.css):

#phocagallery.pg-category-view {
background-color:grey;
}

3) Are you using Masonry? If so, check this please:
https://www.phoca.cz/documents/2-phoca- ... -demo-site

It seems, you have fixed width (Inline segment). Therefore: Check info above & re-generate thumbnails afterwards.

Kind regards
Christine

[Jan]

Hi, only for test purposes. When you change the template, do you get the same problems?

Jan

[Grover]

It seems, you have fixed width (Inline segment). Therefore: Check info above & re-generate thumbnails afterwards.

I'm not sure what this"inline segment" is referring to but if it's referring to the left alignment of images that is still an outstanding issue. I suspect left alignment is the default value of CSS, just not sure how I can apply center alignment to just the Gallery pages.

1) FYI: Whenever spams are detected, we always remove them. It wasn't a good idea, to link to that link :?

You must have missed it but I changed the link so it led nowhere....

2) Background color (to your custom.css):

#phocagallery.pg-category-view {
background-color:grey;
}

Thanks, that did the trick. Once I knew how to change the background colour I was able change the box and hover to completely flatten the page. I applied it to "categories view" as well and learned a lot about CSS and using the Inspector feature and how custom.css works as well. It's all pretty cool!

3) Are you using Masonry? If so, check this please:
https://www.phoca.cz/documents/2-phoca- ... -demo-site

Not using the Masonry effect. It completely wonks up the page.

[Grover]

Hi, only for test purposes. When you change the template, do you get the same problems?

Jan

I did try it with other templates and the same issues persisted. With Christine's help the background colour issue is now resolved. The alignment of images is still outstanding.

[christine]

Hi,

You must have missed it but I changed the link so it led nowhere....

OK. There was the link, but of course I didn't klick on it

Try this one:

.pg-cv-box-img {
margin: 0 auto;
padding-left:5px;
}

(paddings: just optional)

Kind regards
Christine

[Grover]

Try this one:

.pg-cv-box-img {
margin: 0 auto;
padding-left:5px;
}

(paddings: just optional)

Worked perfectly! I switched themes as well and the look is coming along well. Thanx for your great suggestions. Time for a beer!

[christine]

Hi,

that's fine. Thanks for your feedback.

Kind regards
Christine