Support Center Visit Demo License manager Buy @ envato

Masonry Flat | Item Size

jstanislowjstanislow
in Theme support
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

  • jstanislowjstanislow
    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.
  • jstanislowjstanislow
    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;
    }
  • jstanislowjstanislow
    new issue now, the custom link for portfolio items is no longer there. Is there a way to enable this?
  • PhilPhil
    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
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • jstanislowjstanislow
    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. 
  • PhilPhil
    Great to hear that you handle it! :)
    If is there anything else feel free to ask.

    Best regards
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.