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 :)
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:
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!
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 :)
Hey Again,
Yes thats one way to do it .
Cheers
ThemeNectar Support Team