Change layout of portfolio item page & mouseover in Pro

We’re using the Pro theme, doing a quick website to share resources during the COVID-19 situation and hoping for some quick advice. Currently we’re using the Portfolio content type to display a large number of categorized resources. We like that it allows folks to select a category and view the thumbnails for those resources. But there are two things we need to figure out how to change:

(1) What do I need to adjust in order to change the layout of the single portfolio item page? We’re not using large images, so there’s a bunch of horizontal whitespace between the image and the description. Ideally just want a thumbnail with text wrapping around it instead of the default two-column layout.

(2) Is it possible, on the main portfolio and per-category pages, for mouseovers of the icons to show a text excerpt?

Thank you for any support!

Hello @ryanserrc,

Thanks for writing in!

1.) I am not sure which stack your are using. If I have to guess, you might be using Ethos. And to make the description display below the featured image, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.single-x-portfolio .entry-featured,
.single-x-portfolio .entry-wrap {
    float: none;
    width: 100%;
    padding: 0;
}

2.) By default, the portfolio will only display featured image and the title. If you want something more custom, I would recommend that you use TheGrid or Essential Grid plugin instead. You can make use of the different grid skin or even create your custom grid skin in order to display the portfolio items with the featured image, title and excerpt. You can find out more about the plugin here:

Best Regards.

Thank you kindly for that CSS. It definitely gets me going the right direction. Is it possible to make the portfolio content wrap around the featured image instead of being below it?

I’ll check out the grid plugins. Thank you again and yes I’m using Ethos.

Hi @ryanserrc,

In Ethos stack the content by default is displayed next to the featured image and not below the featured image (see screenshot)

Please ensure everything is up to date according to our version compatibility list at https://theme.co/docs/version-compatibility. Please follow the best practices when updating your theme and plugins. See https://theme.co/docs/product-updates for more details.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.