Docs

[Robert E]

Hi,

I am using the Integrity stack with a child X-theme template. I have 2 questions regarding the main blog index template (which shows all the posts in a stacked manner):

1) Under each post title is a line that summarizes the meta data like this: “[pencil icon] Admin / [calendar icon] July 4, 2016 / [bookmark icon] Uncategorized”. What file would I need to modify to move this line directly above the post title?

2) Regarding the same meta data line I mentioned in (1) above, how can I hide the Category from being displayed? In other words, I do not want to display the “/ [bookmark icon] Uncategorized” portion of the meta data.

3) This might be answered by your response for (1), but where would I go to change the format of the meta data line (again which I mentioned in (1) above. For example, I’d like to use the format [Author Name] | [Date]. Basically, use a pipe delimiter rather than a forward slash. I’d also like to add my own icon to the far left of this line.

Thanks,

-Robert

[Christian]

Hey Robert,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

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

Thanks.

[Robert E]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Copy _content-post-heaser.php from framework/views/integrity and put it in the same path inside child theme, replace existing code with following :

<?php

// =============================================================================
// VIEWS/INTEGRITY/_CONTENT-POST-HEADER.PHP
// -----------------------------------------------------------------------------
// Standard <header> output for various posts.
// =============================================================================

?>

<header class="entry-header">
  <?php x_integrity_entry_meta(); ?>

  <?php if ( is_single() ) : ?>
  <h1 class="entry-title"><?php the_title(); ?></h1>
  <?php else : ?>
  <h2 class="entry-title">
    <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 endif; ?>
</header>

#2 & #3 Please add following code in Customize -> Custom -> CSS :

.p-meta>span:nth-child(3), .p-meta>span:nth-child(2):after {
    display: none;
}
.p-meta>span:after {
    content: "|";
}

#4 Blog page is not editable, but we can help you to add header with jQuery.

Please add following code in Customize -> Custom -> JavaScript :

jQuery("<div id='x-section-1' class='x-section bg-pattern' style='margin: 0px;padding: 45px 0px 80px; background-image: url(http://callboxstorage.com/wp-content/uploads/2016/07/pattern2.jpg); background-color: transparent;' data-x-element='section'><div class='x-container max width' style='margin: 0px auto;padding: 0px;'><div class='x-column x-sm x-1-1' style='padding: 0px;'><h1 class='h-custom-headline cs-ta-center h1' style='color: hsl(0, 0%, 100%);'><span>A SOLUTION FOR EVERYONE</span></h1><div class='x-text cs-ta-center' style='color:#007981;letter-spacing:-1px;'><p>Callbox Storage is perfect for families and businesses alike. Discover all the ways having a Callbox can help you manage your space better.</p></div></div></div></div>").insertBefore(".blog header.x-header-landmark.x-container.max.width");

Hope it helps.

[Author]

Posts