-
Hi,
I removed the “Currently Browsing” bar by commenting it out in the portfolio template, but now I would like to have the title of the portfolio page to display like all the other pages that I created using the default template. I tried copying the code but the css comes out a bit off. Is there an easier way for me to swap this out without having to create new css for it?
Thanks!
Sorry about the links… I would like to take this page: Portfolio
and have it appear with the formatted title and content of the actual page, like the title and contents of this page: Contact
In essence, the Portfolio page will display the contents of the actual Portfolio page first, and then the portfolio listings right after.
Unfortunately it’s not possible. What the portfolio template actually does is override the request query and make it load the portfolio items instead of the page’s content, so when the query is overridden the page content is lost to the request. We’ve already tried displaying the page content alongside the portfolio but turn out WordPres won’t allow both. Sorry about that.
Really? I just got it to work… It may not be the best approach (and a slight bit messy) but here is what I did:
1. I added the code below right after the pinboard current location’s endif and right before the initial div in template-portfolio.php.
<div id="container"> <section id="content" <?php pinboard_content_class(); ?>> <?php if( have_posts() ) : the_post(); ?> <article <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <div class="entryJT"> <header class="entry-header"> <<?php pinboard_title_tag( 'post' ); ?> class="entry-titleJT"><?php the_title(); ?></<?php pinboard_title_tag( 'post' ); ?>> </header><!-- .entry-header --> <div class="entry-content"> <?php the_content(); ?> <div class="clear"></div> </div><!-- .entry-content --> </div><!-- .entry --> </article><!-- .post --> <?php endif; ?> </section><!-- #content --> <div class="clear"></div> </div><!-- #container JT-->2. Then I added this css to theme options custom css:
.page .entryJT{ margin:1.7%; background:#fff; border-bottom:#DDD 1px solid; border-bottom:rgba(0, 0, 0, .13) 1px solid; box-shadow:0 0 5px rgba(0, 0, 0, .1); margin-bottom: 0% !important; padding: 20px; } .entry-titleJT{ margin:0 0 18px 0; font-size:36px; line-height:1.62em; }You can see it working on my portfolio page: Portfolio
You must be logged in to reply to this topic.