Portfolio in 3 columns

myogen · Member · Aug 15, 2016 at 7:46 am
Copy link

Add topic to favorites
Hi ;-)

I would like my portfolio and project types to display in 3 columns instead of 1 column. Can you please help me with what is needed CSS wise?

https://torbenwestergaard.com/portfolio/

Best regards
Stine

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 16, 2016 at 12:31 am
Copy link
Hi Stine, you can give the following a try. What you are going to notice is that with your projects having such varied length, there is going to be a lot of blank space below the short ones, so this may be something you need to think about. Using a Media QueryI’ve limited this to screens/windows 900px and wider since below that things start to get pretty narrow with two columns.
```
@media screen and (min-width: 900px) {
.post-type-archive-jetpack-portfolio .jetpack-portfolio {
    width: 45%;
    display: inline-block;
}
.post-type-archive-jetpack-portfolio .jetpack-portfolio:nth-child(2n+1) {
    float: right;
}
}
```
myogen · Member · Aug 16, 2016 at 6:25 am
Copy link
Hi ;-)

Thanks … it works for the Portfolio but not for the Project Types.
Further I would love 3 columns grid …

I think I will ask the theme guys if they will think about customizing a portfolio in the Osidian Theme. This way the design will hopefully match the rest.

Best … Stine
thesacredpath · Member · Aug 16, 2016 at 6:30 am
Copy link
Stine, once a theme has been released, there really isn’t much of a chance that a large design change will happen since it would affect a lot of users that may not like the change.

You may wish to try using the Portfolio Shortcode. Make a draft page and then you can play with the shortcode and the different options and see if you can get a look that will work for you.
myogen · Member · Aug 16, 2016 at 8:29 am
Copy link
Okay that make sense … ;-)
I will try using the portfolio shortcode.

Thanks! ;-)
thesacredpath · Member · Aug 16, 2016 at 6:07 pm
Copy link
If you are wanting a true grid for the portfolio pages, you will need to change themes. Illustratr comes to mind.

No items found.