Phoca Forum

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?

girlnoida121 wrote: ↑11 Dec 2020, 20:09 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?

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

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

Jan

christine wrote: ↑12 Dec 2020, 13:22 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.

christine wrote: ↑12 Dec 2020, 13:22 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....

christine wrote: ↑12 Dec 2020, 13:22 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!

christine wrote: ↑12 Dec 2020, 13:22 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.

Jan wrote: ↑12 Dec 2020, 14:55 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.

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

christine wrote: ↑12 Dec 2020, 23:57 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!

Hi,

that's fine. Thanks for your feedback.

Kind regards
Christine