Portfolio / Galleries Hover Styling

[Eddy]

I can’t seem to find where this setting is. It’s driving me nuts.

Anyway, how can I control the styling of my thumbnails when I hover on portfolio/gallery items?

Like for example this one from Agency One, the thumbnails of the portfolio has different colors when you hover and titles are in the middle/center. And Photography Demo Two zooms with backlight and the title is in the center of the thumbnail. Can you please point me out where these settings are? Thank you!

[Kyle – SUPPORT]

Hi

It’s the different design styles, you can change this in color customiser > design style. We have minimal, bold and bright. If you want to check them out go to http://cardinal.swiftideas.com/asset-reference/ and use the style switcher to switch between the different design styles to see the difference

– Kyle

[Eddy]

Thanks!

Next question is: how did you get the gallery/portfolio title in the center of thumbnails when you hover?

[Kyle – SUPPORT]

That should happen by default?

– Kyle

[Eddy]

Here’s the link: http://eddyespina.com/portfolio/

[Kyle – SUPPORT]

In your portfolio asset, for the type select ‘gallery’

– Kyle

[Eddy]

I did that. But now it opens into a page instead of lightbox.

[Kyle – SUPPORT]

In the portfolio meta options you can set the thumbnail to open in lightbox

– Kyle

[Eddy]

What I’m trying to achieve is what you guys have in Photography Two Demo. Exactly like that hover effect but opens in lightbox.

[Eddy]

That works but it only shows one image (thumbnail) not the gallery.

[Kyle – SUPPORT]

In the photography demo we use the gallery post type not the portfolio

– Kyle

[Eddy]

Okay. I think I figured it out.

[Kyle – SUPPORT]

Ok great

– Kyle

[Eddy]

One last question: where can I change the font for the thumbnail title? Is that in CSS?

Thanks for you help!

[Kyle – SUPPORT]

Add this to your custom css:

figcaption .thumb-info h4 {
  font-family: 'Your font';
}

– Kyle