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