Masonry Flat | Item Size

I'm upgrading a client from betheme 6 to the current one. I'm having issues with displaying the portfolio items on the home page.
This is the original site and this is the updated one.
In V6 there was an option for "Full width in portfolio grid" but I'm not seeing anything like that in the latest version. If you notice the full width sections in the portfolio grid, this is what I'm trying to achieve.
Is there a setting somewhere that I'm missing or a bit of CSS I can add?
When I set the portfolio to masonry flat it almost works but isn't right. I set the full width section to wide and it covers ~50% of the screen width rather than 100% and when I change that to 100% with CSS it doesn't move the other items down a row.

Comments

  • I forgot to mention, the original portfolio grid setting was flat and not masonry flat but now it appears that flat doesn't stretch the featured image to cover the area it's designated to leaving a large blank space under some of the images due to differing size.
  • So far I've gotten here and it's solved most of the issue. There's still the issue with the featured images not filling in right but if I figure that out I'll update here

    img.scale-with-grid.wp-post-image {
    width: 100%;
    }
    .portfolio_group.flat .wide,
    .portfolio_group.masonry-flat .portfolio-item.wide {
    width: 100% !important;
    }
  • new issue now, the custom link for portfolio items is no longer there. Is there a way to enable this?
  • Hello,
    Can you tell me what custom links you are talking about, please?
    Because there was no option to add custom links to portfolio item.

    Thanks
  • I ended up using a plugin to redirect. But in the v6 of betheme there was an option at the bottom to add a custom url to the portfolio item for viewing in a grid. Unless the old developer the company used added that customization to it. 
    I've managed to work just about everything out though. The featured images I cropped to squares and they fit right now. 
  • Great to hear that you handle it! :)
    If is there anything else feel free to ask.

    Best regards
Sign In or Register to comment.