Page 1 of 1

Center container

Posted: 05 Jan 2022, 16:47
by toy
Hi,

I wonder how I can center the container. I have tried to set fixed width and then margin: 0 auto but that didn't work. I'm on version 4.4.3 and have installed the responsive theme. I'm also on latest joomla version. Site https://www.vogelwachtuden.nl/test/fotogalerij/

Gr Toy

Re: Center container

Posted: 05 Jan 2022, 20:51
by christine
Hi Toy,
helaas werkt je link niet en kan geen galerij vinden. Aleen maar dit: https://www.vogelwachtuden.nl/index.php/fotogalerij
unfortunately your link doesn't work and can't find a gallery

groetjes, Christine

Re: Center container

Posted: 06 Jan 2022, 13:30
by christine
Hi Toy,

found out, that the correct URL is: https://www.vogelwachtuden.nl/test/inde ... togalerij/ > included /index.php after /test

For me, it seems OK, because 1 image has a width of 210px (5x). Total container width with paddings: 1160 width.
<div class="span12">

Kind regards
Christine

Re: Center container

Posted: 06 Jan 2022, 15:27
by toy
Hi Cristine,

Thanks for your reply. Excuse me for the link. I mean in smaller views such as mobile. See image https://imgur.com/a/ZSswnE0

Gr Toy

Re: Center container

Posted: 07 Jan 2022, 22:56
by christine
Hi Toy,
- a solution could be:

Code: Select all

@media only screen and (max-width:500px) {
#phocagallery.pg-category-view.pg-cv {
padding-left:100px;
}}
But keep in mind that this depends on the size of the phone's display.

- or using Phoca Photo as an alternative (Bootstrap version of Phoca Gallery)
- or Joomla 4 (Phoca Gallery 4.5), it will be completely different

Kind regards
Christine

Re: Center container

Posted: 10 Jan 2022, 12:16
by toy
Hi Christine,

Thx for your answer. I will give joomla 4 and Bootstrap a try!

Gr Toy