Docs

[dmog74]

Hi there,

I’ve used this code in Child Theme content-portfolio.php I found in the forum to include titles on my Icon Stack portfolio items:

<?php

// =============================================================================
// VIEWS/ICON/CONTENT-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Portfolio post output for Icon.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-wrap">
    <div class="x-container max width">

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

        <header class="entry-header">
          <h1 class="entry-title"><?php the_title(); ?></h1>
          <?php x_icon_entry_meta(); ?>
        </header>

      <?php endif; ?>

      <div class="entry-featured">
        <?php x_portfolio_item_featured_content(); ?>
        <?php if( !x_is_portfolio_item() ) : ?>

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

        <?php endif; ?>

      </div>
      
      <?php if ( is_singular() ) : ?>

        <?php x_get_view( 'global', '_content', 'the-content' ); ?>
        <div class="entry-extra">
          <?php x_portfolio_item_tags(); ?>
          <?php x_portfolio_item_project_link(); ?>
          <?php x_portfolio_item_social(); ?>
        </div>

      <?php endif; ?>

    </div>
  </div>
</article>

And it has worked great. My only problem is that the styling on the porfolio posts is not good. The letters are huge. I would like the text styling to match the FEATURED POSTS styling in the right hand column.

Can you tell me how to do this please?

Thank you!
Dylan

[dmog74]

This reply has been marked as private.

[Christopher]

Hi there,

Please check provided credentials, they didn’t work.

Thanks.

[dmog74]

This reply has been marked as private.

[Paul R]

Hi Dylan,

You can add this under Custom > Edit Global CSS in the Customizer.

.single-x-portfolio .entry-title {
    font-size:25px;
}

You may change 25px to adjust.

Hope that helps.

[dmog74]

Hey Paul – thanks for that. I’ve added the CSS to the customiser and changed it to various font sizes, but the text size is not changing. It still remains the same large size it was. Any ideas? Thank you!!!

[dmog74]

Ah – sorry Paul. I see what happened. The CSS you gave me changed the size of the title font on the indivdual portfolio post pages. What I need to do is change the title font on the portfolio thumbnail item on the list page… see attached image of the items I mean… The fonts are WAY too big and screwing up the layout. Thank you!

[dmog74]

Attachment here:

[Lely]

Hello There,

The site is password protected. See attached screenshot. Although, you might try the following CSS:

h2.entry-title.entry-title-portfolio {
    font-size: 20px;
}

If that doesn’t do the trick, please share the password for the page so we can check further.

[dmog74]

That did the trick, thanks! My only issue now is that there is no padding between the top of text area and the portfolio image (see attached image). How can I increase that space between the two so the the title text sits nicely in its row, centered top and bottom in the white space? Thanks so much!!

[dmog74]

This reply has been marked as private.

[Jade]

HI there,

Please update the code to:

h2.entry-title.entry-title-portfolio {
    font-size: 20px;
    padding: 20px;
}

Hope this helps.

[dmog74]

Amazing. Thank you so much!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts