Jetpack portfolio – square thumbnails

  • Hi, I am adding a portfolio page to a site I’m developing locally.
    I want to do two things:

    1. I want to make the thumbnails all square by default instead of each project showing the different sized images.

    2. I want to add a hover effect where the titles hover over the main image instead of appearing below.

    Is this something I can do with the jetpack portfolio post types or should I look for a different plugin (suggestions would be welcome)

    If it’s something I can do, any pointers as to how to achieve would help. Even links to tutorials.

    My first hunch is that I should make a template page for my portfolio but I’m not great at that. Or is just CSS?

    Thank you so much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter bitcolorine

    (@bitcolorine)

    Oh, I forgot to add that I want to add a transparency on hover too. Something like the sketch theme.
    I would appreciate any tips, plugin suggestions or routes to take.

    Thumbnail size

    By default, the jetpack_portfolio shortcode uses the ‘large’ image size. This is filterable with the jetpack_portfolio_thumbnail_size filter, though.

    So you could have it use another one of the built-in image sizes (thumbnail, medium) which you set in Settings > Media. Or you can register your own image size with add_image_size and use this size.

    Hover effect

    That’s a job for CSS. Change opacity on :hover and add a transition property to make it smooth.

    Thread Starter bitcolorine

    (@bitcolorine)

    Grrrraaacias!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Jetpack portfolio – square thumbnails’ is closed to new replies.