[ahurlburt53Participant]

How can I make my individual portfolio look like the demo

this is the demo sample http://theme.co/x/demo/expanded/agency/portfolio-item/case-study-6/

this is my demo sample http://www.socialmediamarketing.websitetestsilo.com/portfolio-item/case-study-6/

I want my portfolio pages to be like the demo please

[RadModerator]

Hi there,

Thanks for posting in.

You mean featured on left and description on the right? That’s only possible with the custom template. But since your site’s stack is renew, I can’t promise a complete solution.

Would you mind provide your site’s admin and ftp login credentials in private reply? I like to directly test it first.

I checked your portfolio and contents are big, do you still wish to apply same design as ethos? Description area is too narrow.

Thanks!

[ahurlburt53Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thank you for the very detailed information. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on how your blog page or porfolio page will look like or what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[ahurlburt53Participant]

Please look at the lay out of portfolio pages. The featured image takes up all the room on the left, all the wording is to the right on a narrow space. what I want is a portfolio page and blog page to have a nice readable display that looks professional.

current portfolio page layout

Tampa Financial Online Marketing Services

portfolio pages site wide

View post on imgur.com

[ahurlburt53Participant]

Can you help make the portfolio pages to look and have the display properties as the blog pages

What I want is to make all portfolio pages to look like this page http://www.socialmediamarketing.websitetestsilo.com/new-copywriting-positions-available/

featured image is above text and sidebar is to the right

[ChristopherModerator]

Hi there,

Please try this code :

.single-x-portfolio .entry-featured,.single-x-portfolio .entry-wrap {
    width: 100%;
}

To add sidebar to portfolio pages, copy wp-sidebar.php from framework/views/ethos and put it in the same path inside child theme, replace existing code with the following :

<?php

// =============================================================================
// VIEWS/ETHOS/WP-SIDEBAR.PHP
// -----------------------------------------------------------------------------
// Sidebar output for Ethos.
// =============================================================================

?>

 <?php if ( x_get_content_layout() != 'full-width' || is_singular( 'x-portfolio' ) ) : ?>

  <aside class="<?php x_sidebar_class(); ?>" role="complementary">
    <?php if ( get_option( 'ups_sidebars' ) != array() ) : ?>
      <?php dynamic_sidebar( apply_filters( 'ups_sidebar', 'sidebar-main' ) ); ?>
    <?php else : ?>
      <?php dynamic_sidebar( 'sidebar-main' ); ?>
    <?php endif; ?>
  </aside>

<?php endif; ?>

Copy wp-single-x-portfolio.php from framework/views/ethos and put it in the same path inside child theme, replace existing code with the following :

<?php

// =============================================================================
// VIEWS/ETHOS/WP-SINGLE-X-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Single portfolio post output for Ethos.
// =============================================================================

?>

<?php get_header(); ?>
  
  <div class="x-container max width main">
    <div class="offset cf">
        <div class="x-main left" role="main">

        <?php while ( have_posts() ) : the_post(); ?>
          <?php x_get_view( 'ethos', 'content', 'portfolio' ); ?>
          <?php x_get_view( 'global', '_comments-template' ); ?>
        <?php endwhile; ?>

      </div>
    </div>
     <?php get_sidebar(); ?>
  </div>

<?php get_footer(); ?>

This customization displays main sidebar on portfolio items.

Hope that helps.

[ahurlburt53Participant]

I added the css. Im not to sure how to add the .php files. could you do that please. I’ll learn from this in the future. TY

[ahurlburt53Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for providing the login credentials. We went ahead and added the two files (wp-sidebar.php and wp-single-x-portfolio.php). Your portfolio item post now has a sidebar like your blog posts.

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

For more assistance, you might want to contact our trusted partners who caters X setup and customization needs. Please see Our Trusted Customization Partners.

Thank you for your understanding.

[ahurlburt53Participant]

This is all I wanted tytytytytytyt

[NicoModerator]

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts