Resizing Portfolio Thumbs and Gutters

[eSideDesign]

I use the portfolio SPB element and have it display as gallery. I would like to know how to resize the portfolio thumbnails and gutters. I would rather resize the gallery through css and not make a new masonry thumbnail for each portfolio item, but I am not a great programmer so detailed instructions would be much appreciated.

Thank you,

Constantine

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.portfolio-item.col-sm-4{
width:32.333% !important;
}

Thanks
Mohammad

[eSideDesign]

Hi Mohammad,

Do I place that in the Custom CSS field under Theme Options? I am looking to adjust only the height of the thumbs and reduce the gutter size.

Thank you

[David Martin – Support]

Hi,

Yes, place it in your theme options CSS input.

What is the link to the page you are looking to customise?

Thanks.

[eSideDesign]

Hey David,

Its not a particular page I want to customize. I want to change the way the portfolio gallery is displayed. I would rather have rectangular shaped thumbs with smaller gutters as opposed to the current square thumb display.

Basically, I want to shorten the height of the thumbnails in the portfolio gallery by about 15% and reduce the gutter spacing through out the entire theme.

I am not an avid programmer so I do need some coaching on this please.

Thank you,
Constantine

[Kyle – SUPPORT]

Hi there,

Unfortunately that customisation is beyond our scope of support as it is more work than a small customisation. We only provide support for theme issues, and at times basic customisations. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need to make that customisation, potentially from one of the below resources:

https://codeable.io

Home

http://www.microlancer.com

Hope that helps.

– Kyle