Docs

[AK49 Logan 907]

Is there a way to make it so that every portfolio box appears the same size so it’s an even layout no matter what size image is placed in it? And to have it set so that the title won’t make the box bigger and throw off an even layout? And if not do you know of a good portfolio plugin that can make the best layout for something I kind of already have? Thanks!

[John Ezra]

Hi there,

Thanks for writing in! We can try applying some CSS. To assist you with this issue, would you mind providing us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Thanks!

[AK49 Logan 907]

I meant to put it in there sorry! https://212studios.online/portfolio/

Thanks again!

[Lely]

Hi There,

Thank you for the URL.
The Portfolio page template uses masonry layout out of the box. Making it an even grid will need customization. Please check this thread:https://community.theme.co/forums/topic/easy-way-to-display-portfolio-as-grid-not-masonry/

Hope this helps.

[Zank]

Alternatively use the Essential Grid plugin to display the posts with a customizable skin.

[Joao]

Thanks for the input Zank!

[AK49 Logan 907]

Thanks for the advice the advice! I went with the essential grid slider. I’m trying to replicate this: http://essential.themepunch.com/clients-grid-lyndon/ but so far I have only managed to create this https://212studios.online/portfolio-v-2/

Is there any way to find out the settings they used or to import the layout? I downloaded their demo templates but that one isn’t covered in it I don’t believe. Any help is appreciated! 🙂

[Rue Nel]

Hello There,

I am another staff checking on this topic.

To be able to have a uniform height in your portfolio page, https://212studios.online/portfolio/, we need to have a uniform image height which you already have. The nest step is that we need to make sure that the titles is of the same height as well. To resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-iso-container .hentry .entry-title-portfolio {
    min-height: 50px;
}

With essential grid, it uses a skin. Each of the skin presents the grid item in different ways. There are several skin you can choose from the selection. If you do not like any of them, you can also created your own custom grid. For more information, please check out the documentation here:
https://www.themepunch.com/essgrid-doc/essential-grid-documentation/
https://www.themepunch.com/essgrid-doc/core-anatomy-of-an-essential-grid/#item-skin
https://www.themepunch.com/essgrid-doc/item-skin-editor/

Hope this helps.

[Author]

Posts