[Harry BParticipant]

Hello,

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

[Paul RModerator]

Hi 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.

[Harry BParticipant]

Hello,

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

[Kosher KMember]

Hi 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

[Harry BParticipant]

Hello,

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

[CousettMember]

In your – x-child-[your-stack]/framework/views/[your-stack]/content-portfolio.php replace the following.

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;
}

[Harry BParticipant]

Thanks a lot for the help. You guys are the best. Is there a way to make the portfolio items content be just one column instead of two? My posts look fine on a desktop, but not so good on my ipad. Th

[CousettMember]

On the portfolio edit page you can change the number of columns that appear.

[Harry BParticipant]

I understand that, I am talking about the columns within the post itself. There is an extra items column that displays the meta, tags, project links and social icons. They are in a separate DIV.

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

[Paul RModerator]

Hi 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. 🙂

[Harry BParticipant]

Hello,

Thanks for the reply and the css; unfortunately it did not work. I am pasting the code I entered below to see if maybe I missed something.

—————————-

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%;
}

——————————————–

My portfolio item posts still look squished on my iPad. The zip codes are wrapping to the next line when there is plenty of room (if one column) – any other suggestions? Thanks again for all you do.

Harry

[RadModerator]

Hi Harry,

It should be like this ,

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%;
}

With the correction of this, .entry-info.

Thanks.

[Harry BParticipant]

Thanks again for the help, however the title, content, and extra are still wrapping.

Any other ideas?

Harry

[Paul RModerator]

Hi Harry,

Can you provide us the url of the page where the title, content, and extra are still wrapping.

Thanks

[Harry BParticipant]

This wrapping (or two-column effect is happening on every portfolio layout page. You notice it more on an ipad, however you can still see the wrapping at

http://www.waterwaymagazine.com/schools-and-education

I tried deleting the entire extra-items DIV In content-portfolio.php, but this did not fix the problem.

[Author]

Posts