Renew Portfolio: Add a title below image or remove the text on hover

[k3441]

Hello,
I have an elderly population that’s getting confused by the portfolio page.
Could you tell me if it’s possible to either:

1. Rut a title below each portfolio item in Renew (best option)
2. As a second option I can add the title to the image and remove the text from the side. How would I remove the text for the hover is only a color and no text on it.

Thank you

[Prasant]

Hello Kerri,

Thanks for asking.

Can you please share a screenshot of the changes you are looking for? By default, portfolio item will display title after the featured image in portfolio single page.

Thanks.

[k3441]

[k3441]

Something like this other stack…

[Prasant]

Hello Kerri,

Thanks for asking.

It will require some custom development work which falls outside the scope of support we can offer. However, to help you get started, here’s some inputs.

If you want to mimic the layout of integrity stack then copy content-portfolio.php from /wp-content/themes/x/framework/views/renew/ to /wp-content/themes/x-child/framework/views/renew/. You will have to create necessary child theme folders.

You can use following resources to download and setup child theme.

Download Child theme from following source: https://theme.co/apex/child-themes

Please take a look at following article to setup child theme:

Child Themes | Themeco Docs

Best Practices | Themeco Docs

After that replace the code from line number 11 till the end that starts with

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

With following code:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-featured">
    <?php x_portfolio_item_featured_content(); ?>
  </div>
  <div class="entry-wrap cf">

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

      <div class="entry-info">
        <header class="entry-header">
          <h1 class="entry-title entry-title-portfolio"><?php the_title(); ?></h1>
          <?php x_integrity_entry_meta(); ?>
        </header>
        <?php x_get_view( 'global', '_content', 'the-content' ); ?>
      </div>
      <div class="entry-extra">
        <?php x_portfolio_item_tags(); ?>
        <?php x_portfolio_item_project_link(); ?>
        <?php x_portfolio_item_social(); ?>
      </div>

    <?php else : ?>

      <header class="entry-header">
        <h2 class="entry-title entry-title-portfolio">
          <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php x_the_alternate_title(); ?></a>
        </h2>
        <?php if ( $archive_share == '1' ) : ?>
          <?php x_portfolio_item_social(); ?>
        <?php endif; ?>
      </header>

    <?php endif; ?>

  </div>
</article>

Thanks.

[k3441]

Is there a way to remove the text or icon from the hover state? This is a not for profit site. I’m trying to make it easier for elderly people to navigate without custom development. Thank you.

[jade]

Hi there,

To do that, please add this code in X > Theme Options > CSS:

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

.x-iso-container-portfolio .entry-featured .entry-thumb:hover {
    cursor: pointer;
}

Hope this helps.