Okay
  Public Ticket #1180179
Full-Width Portfolio Grid
Closed

Comments

  • Jeremy started the conversation

    Hi there,

    1. Is there a way to set the portfolio grid to display full-width but with a maximum of "3" columns instead of 4 or 5? Right now I only see an option to limit it to 4 columns. If 4 is the lowest, is there some custom code I can insert somewhere to restrain it the full-width portfolio option to 3 columns?

    2. Also, I noticed the lowest amount of space between portfolio items is 1px. I can set it to 0px using custom CSS, but just curios why that's not an option?

    My client is hoping to have the portfolio items flush and limited to 3 columns, hence my questions :)

    Thanks again!

  • Jeremy replied

    Wow, I totally biffed this one

    I just saw the option in "row settings" to make the row full-width. If I have Portfolio set to "3 columns" rather than "full-width", but set the row to full width, then the portfolio fully expands and is constrained to 3 columns, which is great. In order to make the portfolio thumbnails flush with each other, I just used the following CSS to get rid of the extra space:

    .portfolio-items .col.span_4 {
        width: 33.33%;
        margin: 0 !important;
        padding: 0;
    }
    @media only screen and (min-width : 690px) and (max-width : 1000px) {
    .portfolio-items:not(.carousel) .col.span_4 {
        width: 49.8%!important;
        margin: 0%!important;
    }
    }

    Let me know if that all looks right to you. But otherwise, I think i'm good on this :)

  •  9,011
    Tahir replied

    Hey Again,

    Yes thats one way to do it . 

    Cheers 


    ThemeNectar Support Team