Docs

[cece101]

website has under construction page so I can provide wp log in info in private reply. But for now I have an image.

http://www.stoercon.com

Need portfolio adjustments.

1. Want featured images to be same height and constrained the same even when they are different size images – see pic
2. portfolio bar – want to change the background color from light brown to grey.
3. when you hover you see the words “image” then the title and the “date”. I want to remove “image” and “date”.

PS – using church demo theme

Thanks!

[Joao]

Hi There,

1- Upload images with the same size, this is the best solution. Forcing the images to respect certain size will distort your images due to different proportions.

2- Add the following code to Appereance > Customizer > Custom > CSS

.x-header-landmark {
       background: lightgray;
}

3 – Add the following code to Appereance > Customizer > Custom > CSS

.x-portfolio .entry-cover-content span {
       display: none;
}

Hope that helps

Joao

[cece101]

This reply has been marked as private.

[Nico]

Hi There,

Would yo mind sharing us your admin credentials so we could check your setup closer.

Don’t forget to set it as private reply.

Thanks.

[cece101]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for providing the information. The empty box in the right side will display any additional information of the portfolio item. It should display the categories, tags, project link and more. To know more about the portfolio items, please check this out: https://community.theme.co/kb/meta-options-portfolio-items/

Hope this helps.

[cece101]

I would like to show a sidebar instead. Just the normal sidebar that appears with the blog post page. Thanks!

[Rue Nel]

Hello There,

Thanks for the updates! By default the portfolio item is fullwidth and no sidebar. The empty box at the right displays other information about the item. Before we can add a sidebar, we must modify the content structure first. To be able to make it fullwidth, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-portfolio .entry-info,
.x-portfolio .entry-extra {
    float: none;
    width: 100%;
    border: none;
    padding: 0;
}

And since what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

And finally to display a sidebar in each of the portfolio item, since you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/RENEW/WP-SINGLE-X-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Single portfolio post output for Renew.
// =============================================================================

?>

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

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

    </div>

    <?php if ( $fullwidth != 'on' ) : ?>
      <?php get_sidebar(); ?>
    <?php endif; ?>

  </div>

<?php get_footer(); ?>

3] Save the file named as wp-single-x-portfolio.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/x-child/framework/views/renew/

We would loved to know if this has work for you. Thank you.

[cece101]

Hello. I made these changes but still don’t see the sidebar.

[Rue Nel]

Hello There,

Would you mind providing us the ftp login credentials so we can take a closer look and fix the issue? 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.

To do this, you can make a post with the following info:
– FTP Hostname
– FTP Username
– FTP Password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[cece101]

This reply has been marked as private.

[Jade]

Hi there,

Please try adding this code in the functions.php file of the child theme instead:

  function x_get_content_layout() {

    $content_layout = x_get_option( 'x_layout_content', 'content-sidebar' );

    if ( $content_layout != 'full-width' ) {
      if ( is_home() ) {
        $opt    = x_get_option( 'x_blog_layout', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_singular( 'post' ) ) {
        $meta   = get_post_meta( get_the_ID(), '_x_post_layout', true );
        $layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
      } elseif ( x_is_portfolio_item() ) {
        $layout = 'content-sidebar';
      } elseif ( x_is_portfolio() ) {
        $meta   = get_post_meta( get_the_ID(), '_x_portfolio_layout', true );
        $layout = ( $meta == 'sidebar' ) ? $content_layout : $meta;
      } elseif ( is_page_template( 'template-layout-content-sidebar.php' ) ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
        $layout = 'sidebar-content';
      } elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
        $layout = 'full-width';
      } elseif ( is_archive() ) {
        if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
          $opt    = x_get_option( 'x_woocommerce_shop_layout_content', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        } else {
          $opt    = x_get_option( 'x_archive_layout', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        }
      } elseif ( x_is_product() ) {
        $layout = 'full-width';
      } elseif ( x_is_bbpress() ) {
        $opt    = x_get_option( 'x_bbpress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( x_is_buddypress() ) {
        $opt    = x_get_option( 'x_buddypress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_404() ) {
        $layout = 'full-width';
      } else {
        $layout = $content_layout;
      }
    } else {
      $layout = $content_layout;
    }

    return $layout;

  }

Hope this helps.

[cece101]

This reply has been marked as private.

[cece101]

I

[Lely]

Hi There,

It is not showing for me either when I checked. I can see that the code was added correctly. You have caching plugin. We might be seeing cache content. Please try to clear cache and then check again. Do let us know how this goes.

[Author]

Posts