Portfolio Archive images in tiled mosaic format?

  • Unknown's avatar

    Hi,
    This is a general enquiry on behalf of a client- is it possible with not too difficult CSS, to have a portfolio archive page that displays image thumbnails in a tiled mosaic format?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, on the site you reference using Cols, the arrangement and sizes of the images on the portfolio page are controlled by the Theme and our Jetpack software and that is not something that can be changed with CSS.

    I think what is causing most of the issues on alignment and the looks of the Portfolio page is the differences in the image sizes and proportions.

    You might want to try the following CSS, which makes the project titles smaller and adjusts some of the vertical spacing and makes things look quite a bit better.

    .portfolio-entry-title {
      font-size: 1.3em;
      margin-top: 0.5em !important;
    }
    .portfolio-entry {
      margin-bottom: 1.1em !important;
    }
  • Unknown's avatar

    Thank you for taking a look.
    What my client is after is this http://www.chipphillipsphotography.com/Landscapes i.e. the mosaic tiled look that you can get in each individual gallery with WordPress.com but as a portfolio archive page. From you comments I now assume that this is something controlled by Jetpack and is not possible. I have looked through the themes and I can’t find one that does it.

  • Unknown's avatar

    It’s all dependent on the theme. The Jetpack software handles the basics and the theme software does the details of the layout to work with the theme, so all I can suggest is to look at all themes that fully support the Portfolio feature. The ones that immediately come to mind is Illustratr, Edin and Goran.

  • Unknown's avatar

    Also, Shoreditch and Harmonic.

    This link sorts the showcase for themes that fully support Portfolio.

  • The topic ‘Portfolio Archive images in tiled mosaic format?’ is closed to new replies.