• Is there a way I can display the project type under each project title on the main portfolio page? It shows under the individual project pages

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Kathryn Presner

    (@zoonini)

    @brittanieshey Hi there – the easiest way to do this is probably with CSS, something like this:

    .page-template-portfolio-page .projects .jetpack-portfolio {
      color: #999999;
      display: block;
      text-align: center;
      text-transform: uppercase;
    }
    
    .jetpack-portfolio-type-misc::after {
      content: "Miscellaneous";
      font-size: 0.8125em;
      font-weight: 400;
    }
    
    .jetpack-portfolio-type-swaay-media::after {
      content: "Swaay Media";
      font-size: 0.8125em;
      font-weight: 400;
    }

    You’d need to add a declaration for each project type, following the two examples.

    Let me know how it goes.

    Thread Starter brittanieshey

    (@brittanieshey)

    I appreciate your help. That works but it’s not ideal. I’ll have to edit the CSS anytime I add a new project type. Is there no way to do this by editing the php files?

    Secondly, I’d like some guidance on styling. I actually have two portfolio pages — one with select projects and one with all projects. They are:

    brittanieshey.com/writing
    brittanieshey.com/portfolio

    The styling on the portfolio page is not that great. Styling is pretty good on the writing page but I would prefer if it looked like

    PROJECT TITLE ? PROJECT TYPE

    instead of them being on two separate lines.

    Thanks again for your assistance.

    Thread Starter brittanieshey

    (@brittanieshey)

    One more thing — it would be awesome if those project types were hyperlinked too, but that is less important.

    Moderator Kathryn Presner

    (@zoonini)

    @brittanieshey

    Is there no way to do this by editing the php files?

    Good question! Portfolio functionality stems from the Jetpack plugin itself, not the theme, which is only hooking into the existing Jetpack functionality in order to display portfolio projects. If you wanted to dive into changing the way the portfolio functionality itself works, things definitely get more complicated. But if you’re willing to do some experimentation with PHP, that’s definitely a route you could go! If you’re not comfortable with making those sorts of code changes, you might want to hire a developer to assist you, as it’s outside the scope of the help we can provide here.

    The file you’d want to look at is in Jetpack at /modules/custom-post-types/portfolios.php You could then create your own functionality plugin for your modifications or add it to your child theme’s functions.php.

    Styling is pretty good on the writing page but I would prefer if it looked like

    PROJECT TITLE ? PROJECT TYPE

    instead of them being on two separate lines.

    Looks like you got this sorted already?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Portfolio project types’ is closed to new replies.