Jetpack Portfolio on template_fullwidth.php

[andyro]

Hi, I’ve created a Portfolio page using Jetpack: https://www.thomsonarchitecture.ca/gallery/

It shows everything properly but I am wondering where I can add some css to better style the post titles, font colour, etc. Also, is there any way to force the thumbnails to be a consistent size? I am using the standard jetpack shortcodes from here: https://wordpress.com/support/portfolios/portfolio-shortcode/

I didn’t want to start messing with the template_fullwidth.php file.

[Hans (Support Admin)]

Hello Andy,

Good question, I think that would be more a question for the support team at Jetpack.

However, you can add custom CSS to your theme by targeting the CSS elements.

For example, to change the titles to black use this CSS code,

.page-id-8026 .portfolio-entry-title {color:black;}

[andyro]

Thanks Hans. I have found some tweaks that make it work just using your template_fullwidth.php file.

.portfolio-featured-image img {
border: 0;
max-height: 300px;
}

This helped me constrain some of the tall images I just wish I know how to have them crop using css (overflow)

Completed page is now at: https://www.thomsonarchitecture.ca/gallery/

[Hans (Support Admin)]

Hi Andy,

Try this,

.portfolio-featured-image {
max-height: 180px;
overflow-y: hidden;
display: block;
}

[andyro]

Hans, this is perfect, thank you! Maybe you can offer a portfolio gallery in a future Integral Pro upgrade, I have been wanting this since I set up the site and jetpack makes this super easy without interfering with blog posts! Finished page: I may go back to 3 column view now that I can make thumbnail images the same. https://www.thomsonarchitecture.ca/gallery/

• This reply was modified 2 years, 1 month ago by andyro.

[Hans (Support Admin)]

Hey Andy,

Not a bad suggestion, I will definitely consider it.