Changing project-type layout to match portfolio page template

Hi there,

On the demo site for the Orvis theme you can see there is a theme setting that allows you to add text to the left of the portfolio thumbnails, the setting is found in the customizer: https://orvisdemo.wordpress.com/portfolio/

In the case of your theme you are not using this text, so the portfolio thumbnails slide to the left to occupy that space, but do not expand to be full width. With CSS it is possible to make these thumbnails larger, but it will still be 3 columns, and not 4 columns such as you have on your homepage.

You can try this as a starting point:

.content-area, .portfolio-projects {
    width: 1248px;
}

.jetpack-portfolio{
	width: 400px !important;
}

Which on my test site results in this: https://d.pr/i/sV2pO9

Please note that the above CSS may affect your homepage layout, as well as appearance on mobile, so you will need to edit it to limit the styles if that is the case. Hope this helps!

Hi Jerry,

Thank you! Yes this is much closer in the right direction!

You are right in that it doesn’t work with window resizing / on mobile, I’ll try to work on making it work with resizes! Thanks for the help

It seems to working perfectly with this just adding this code!

.content-area, .portfolio-projects {
    width: 100%;
}

Now it is showing the same full-page layout on all pages and is fully resizable and works on mobile!

Thank you again so much for your help this was driving me crazy! ??

• This reply was modified 3 years, 11 months ago by hisbmitchell.