Docs

[rosewoodlabs]

Hi there,

I’m currently running off the Ethos stack, and I love it so far. What I’m trying to do is copy the navigation arrows on the top of my blog post to the bottom as well. Here’s a page from my website showing the arrows at the top of the post: http://www.rosewoodlabs.com/2016/11/28/the-base-station-part-1-inception/

1) So Basically, I’d like to copy these buttons and place them underneath the text section of my post.

2) Is there a way to change the arrow symbol to say “next” and “prev” when the user highlights the button?

Thanks very much!

[Friech]

Hi There,

Thanks for writing in! Navigate to your child theme’s \x-child\framework\views\ethos directory and create a file named content.php and paste the code below on it.

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Ethos.
// =============================================================================

$is_index_featured_layout = get_post_meta( get_the_ID(), '_x_ethos_index_featured_post_layout',  true ) == 'on' && ! is_single();

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <?php if ( $is_index_featured_layout ) : ?>
    <?php x_ethos_featured_index(); ?>
  <?php else : ?>
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php if ( ! is_single() ) : ?>
          <?php x_ethos_featured_index(); ?>
        <?php else : ?>
          <?php x_featured_image(); ?>
        <?php endif; ?>
      </div>
    <?php endif; ?>
    <div class="entry-wrap">
      <?php x_get_view( 'ethos', '_content', 'post-header' ); ?>
      <?php x_get_view( 'global', '_content' ); ?>
       <?php x_entry_navigation(); ?>
    </div>
  <?php endif; ?>
</article>

Then you can add this under Custom > CSS in the Customizer.

.entry-header .x-nav-articles {display: none;}

Hope it helps, Cheers!

[rosewoodlabs]

Thanks for the response. Using WordPress dashboard, how can I physically get to that directory?

[rosewoodlabs]

I’ve figured it out! I’ve added the code to the proper directory, but this is what happened:

1) There are now arrows on my main blog page which were not there before
– http://www.rosewoodlabs.com/blog/
2) Arrows have been removed from the top of my portfolio page
– http://www.rosewoodlabs.com/2016/11/28/the-base-station-part-1-inception/
3) Arrows have been added to the bottom of my portfolio page (This is good)

[rosewoodlabs]

# 2 is now fixed by removing the custom css line

#1 is still currently an issue.

Edit1: Fixed #1 with the following line:
.entry-header .x-nav-articles {display: none;}

Edit2: But the above edit seems to have broken more things… arrows are missing everywhere now.

Edit3: This may have fixed it:
.blog .x-main .x-nav-articles {display: none;}

[Rupok]

Hi there,

I am a bit confused about your current issue. Would you just update with your existing issue where you need help?

Thanks!

[Author]

Posts