Tagged: center align, Portfolio
Hello,
I have a portfolio where some portfolio items have only one image (http://allisonparkinson.co.uk/wp/portfolio-item/kidney-research-round-up/).
How can I center align portfolio items/images where there is only one image?
Or how can I have a portfolio display 1 column? (Enfold aloows for the minimum 2 columns)
many thanks,
Peter
Hi TheElear!
Please add following code to Quick CSS
.av-masonry-col-2 .av-masonry-entry {
width: 100%;
}
Cheers!
Yigit
Hi Yigit,
This unfortunately does not work.
Do you have any other suggestions?
regards,
Hi!
Please try adding !important rule as following
.av-masonry-col-2 .av-masonry-entry {
width: 100%!important;
}
Regards,
Yigit
Hi Yigit,
Still no luck.
regards,
TheElear
Hi!
I think it’s working. Please remove browser cache then reload the page. If the fix is not what you’re hoping for, post a screenshot.
Cheers!
Ismael
Hey!
It does working fine on my end as well – http://i.imgur.com/q9HuFT1.png
If you have a chance, can you please check your website on another computer?
Cheers!
Yigit
Hi Yigit,
Indeed it is centered. It was cache issue.
Images are centered now however they are also full size.
Is it possible to center them but keep the size like here http://imgur.com/853Y6al ?
many thanks,
Peter
Hey!
You have to remove the css code we suggested above. If there is only one image or item in the page, use the Image element instead of the masonry element. You can’t center align the masonry items because the position of the entries is calculated dynamically via isotope script.
Regards,
Ismael
Hi Ismael,
Many many thanks. That solves my issue.
you can close this thread now
regards,
Peter