Portfolio Template look with CSS

  • Unknown's avatar
    kaycectaylor · Member ·

    I am using the Snaps theme, which has a really great looking Portfolio Template page design. Unfortunately, I have more projects than just the ones I want showing on my home page, as some of those projects are broken down further into additional projects, which are accessed by clicking through the projects on my home page.

    This means I can’t use the Portfolio Template, since it shows too many projects. What I’m trying to figure out is if it’s possible to use CSS code to simulate that template. I mainly want the project titles to show inside the picture, with the picture fading to almost opaque black, when you hover over the image. Is that possible to do with CSS?

    Thanks in advance!

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

  • Unknown's avatar
    thesacredpath · Member ·

    CSS is a styling document used by browsers to position and style the elements of a web page so no, we cannot use it to create a custom portfolio page.

    Have you considered the Portfolio Shortcode by any chance? With it you can add the shortcode to a static page and then use attributes to style and set things up.

    We can also, using CSS, hide certain portfolio project types or tags from the portfolio page. Just as an example, the following CSS hides the Canon Photography project type from your main Portfolio page. 

    .post-type-archive-jetpack-portfolio .jetpack-portfolio-type-canon-photography {
    display: none !important;
}

    So, in other words, we could hide sub-project types from the Portfolio page if you just wanted to show the main categories.

  • Unknown's avatar
    kaycectaylor · Member ·

    I’m currently using the portfolio shortcode so that it only shows the projects I selected. I think the other option of using the template and hiding certain projects with CSS will actually work perfectly! I hadn’t even thought of that as an option. I’ll give it a go when I get home. Thanks so much!

  • Unknown's avatar
    thesacredpath · Member ·

    Great, and let us know if you have any questions or problems on that.

  • The topic ‘Portfolio Template look with CSS’ is closed to new replies.