Docs

[SKBlue]

Hi,

I’m looking to recreate a similar full-masonry portfolio page such as the one found here – is this at all possible? This format, or at least something close to it, would be perfect for our needs (Current site stack is in Integrity).

Any help here would be very much appreciated. 🙂

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.page-template-template-layout-portfolio .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
}
.page-template-template-layout-portfolio  .x-iso-container>.hentry {
    padding: 0;
}

Hope that helps.

[SKBlue]

That’s great, very useful – thankyou!

[Joao]

Glad to hear it,

Let us know if we can help with anything else.

Joao

[SKBlue]

Hi Joao,

I do have a quick follow up question – is it possible to remove the titles of each portfolio item, so it is literally just the images? (see example here: http://www.erikjohanssonphoto.com/ and image attached).

Thanks again for all your help 🙂

Rob

[Lely]

Hello Rob,

Please resize the screenshot and then upload it again. Then share your Portfolio page URL so we can check what we can do. It will probably be possible with some custom CSS.

[SKBlue]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS as well,

#grid .item a div.wrapper div.project-title h2 {
    display: none;
}

Hope this helps.

[SKBlue]

Hi Rad,

Thanks for the CSS code – it didn’t provide the desired outcome unfortunately. I’ve attached two images, one of the portfolio page as it stands (with the latest CSS code), and one with the amendments I’m trying to make for each portfolio post thumbnail in a similar manner as the example website linked previously.

To clarify, i’m looking to remove the individual portfolio post titles and space horizontally between each post.

Thanks for everything thus far!

All the best,

Rob

[Christopher]

Hi there,

Please add this :

.page-template-template-layout-portfolio .entry-wrap.cf {
    display: none;
}
.page-template-template-layout-portfolio .has-post-thumbnail .entry-featured {
    border-bottom: none;
}

Hope it helps.

[SKBlue]

Perfect, thank you so much!

All the best,

Rob

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts