Can you please tell me how to display the full content of my portfolios on the index pages in multi-portfolio view? My site is currently displaying full content in my single-portfolio-item views – (just the way I wanted). I also need to know how to sort my portfolio items by alphabetically by title (A-Z). Thanks for your help. I am using integrity-light child theme.

Cheers,

Harry

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks for the reply. My URL is http://www.waterwaymagazine.com. The portfolio pages that I want to sort alphabetically and show full content are listed in the pull down menu under “DIRECTORY”. I am still entering the data so you can check the listings under “RESTAURANTS”. I appreciate your help.

Cheers,

Harry

Thanks for providing URL of your site,

To customize the portfolio, you need to first install and activate a child theme,

You can download the child theme from here -> http://theme.co/x/member/child-themes/ then install the one that corresponds with your stack,

After installing a child theme, copy this file to your child theme directory,

– x/framework/views/global/_portfolio.php
– x/framework/views/[your-stack]/content-portfolio.php

it should be here

– x-child-[your-stack]/framework/views/global/_portfolio.php
– x-child-[your-stack]/framework/views/[your-stack]/content-portfolio.php

#1. For showing full content on portfolio page that uses layout template portfolio, you need to edit content-portfolio.php that is located in your child theme, then search for this line,

<?php if ( x_is_portfolio_item() ) : ?>

replace it with this code below,

<?php if ( x_is_portfolio_item() || is_post_type_archive('x-portfolio') ) : ?>

#2. For ordering the portfolio item alphabetically, edit _portfolio.php that is located in your child theme.

Search for this code below,

$args = array(
      'post_type'      => 'x-portfolio',
      'posts_per_page' => $count,
      'paged'          => $paged
    );

then add orderby and order parameter,

the $arg variable should look something similar to this code below,

$args = array(
      'post_type'      => 'x-portfolio',
      'orderby'        => 'title',
      'order'          => 'DESC',
      'posts_per_page' => $count,
      'paged'          => $paged
    );

Hope this helps,

Have a great day

This code worked in ordering my portfolio items, and displaying full content, however now the links do not work, and there is no spacing after the title (before the content). Thanks so much for the code. I appreciate your help.

Cheers,

Harry

Replace
<h1 class="entry-title entry-title-portfolio"><?php the_title(); ?></h1>

With

<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ); ?>"><h1 class="entry-title entry-title-portfolio"><?php the_title(); ?></h1></a>

To add more space between the title and content try adding some CSS code under Appearance -> Customize -> Custom -> CSS

h1.entry-title.entry-title-portfolio {
padding-bottom: 10px;
}

This is causing my titles and content to be kind of squished on an ipad regardless of how many Masonry columns you have.

I would like the content for each portfolio item post to be one column with the “extra items” underneath. Thanks for all of your help. I am sorry about the confusion with the request!

Harry

To make it one column, you can add this under Custom > CSS in the Customizer.

body.single-x-portfolio .x-portfolio .entry-info {
     float:none;
     width:100%;
     margin-bottom:30px;
}

body.single-x-portfolio .x-portfolio .entry-extra {
     float: none;
     width: 100%;
}

Hope that helps. 🙂