Align center portfolio images

Hi,

Please could you help me with some ideas to align center the images of the portfolio (https://demo.gavick.com/joomla25/photo/)?

Thanks in advance.

Hi

I'm afraid I do not understand. Images are in 2 rows completely filling the space, so can You please explain how would You like to have it and tell me exactly which style You are using. Best would be just an url to the page with it.

Hi Teitbite,

The images of each row are filling the space and aligned to the left. I'm using this style https://demo.gavick.com/joomla25/photo/index.php/work, you could check the position of the picture once you compare with the same picture at the item view https://demo.gavick.com/joomla25/photo/ ... ched-house. What we are looking for is the picture fill the space and also center align in each row.

Thanks in advance.

Hi

Now I understand, but it's done this way so each image has same height and than sides are cut. You change it to show 100% of the image in width, but it will bring You some empty spaces if images will not cover height entirely:

Code: Select all

.portfolio .itemImageBlock {
    background-repeat: no-repeat;
    background-size: 100% auto;
}


not the best looking with this change I'm afraid.

Hi Teitbite,
I'm not being clear enough. This is the link to the website we are working on:
http://stamina.studio/index.php/work

As you can see there the logos we are using in this portfolio, the images are not aligned to the center, what we are looking just to align this images to the center.

Thanks.

Hi

Now it's clear Thank You. Please add this to override.css

Code: Select all

.portfolio .itemImageBlock {
    background-position: center center;
}


Thanks! working perfect.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro