[benterz222Participant]

Hi guys,

I’ve used X Theme and Cornerstone before, and got on ok, very much on a trial and error basis.

Now I’m looking to start a magazine style site, and have opted for the Ethos theme. I’ve installed ‘Ethos 1’ template, however, I’m now stuck as to what to do.

I’ve tried creating a test page and a test post, although nothing’s appearing on my site?

So essentially, where do I start? I really like this site, which from my understanding uses Ethos:
http://www.surface85.com.

So would ideally like to start customisation to make mine look something like that?

Thanks,

James

[RahulModerator]

Hi There,

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

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

Thanks.

[benterz222Participant]

This reply has been marked as private.

[LelyModerator]

Hello James,

Thank you for the credentials.

1: To achieve the slider on below the menu, please go to Appearance > Customize > Ethos > Post Slider for Blog: Set to ON. When you choose Featured under Display option, there’s a settings for each post under Ethos Post Settings > Post Slider Display – Blog that you need to check if you want that specific post to appear on the slider.

2: Next is the blog list, which is default in Ethos stack.

3: Below the pagination is the carousel. By default, post carousel in ethos is on top of the menu. You can see this settings on Appearance > Customize > Ethos > Post Carousel. On your site sample, they have customize it to appear on the bottom instead. This thread might help:https://community.theme.co/forums/topic/move-post-carousel-to-bottom-of-page/#post-265633

Hope this helps.

[benterz222Participant]

Thanks so much for your reply. Really appreciate it.

How can I move the carousel to the bottom of the page, like they’ve done on this website:
http://www.surface85.com

Thanks.

[Paul RModerator]

Hi,

To move it at the bottom of the page, you can do the following.

1. Create file wp-header.php in wp-content/themes/x-child/framework/views/ethos
and copy the code below into that file.

<?php

// =============================================================================
// VIEWS/ETHOS/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Ethos.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

  <?php x_get_view( 'global', '_slider-above' ); ?>

  <header class="<?php x_masthead_class(); ?>" role="banner">
    <?php x_get_view( 'global', '_topbar' ); ?>
    <?php x_get_view( 'global', '_navbar' ); ?>
    <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'ethos', '_landmark-header' ); ?>

2. Create file wp-footer.php in wp-content/themes/x-child/framework/views/ethos
and copy the code below into that file.

<?php

// =============================================================================
// VIEWS/ETHOS/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Ethos.
// =============================================================================

?>

  <?php x_get_view( 'global', '_header', 'widget-areas' ); ?>
  <?php x_get_view( 'global', '_footer', 'scroll-top' ); ?>
  <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
  <?php x_get_view( 'global', '_footer', 'widget-areas' ); ?>

  <?php if ( x_get_option( 'x_footer_bottom_display' ) == '1' ) : ?>

    <footer class="x-colophon bottom" role="contentinfo">
      <div class="x-container max width">

        <?php if ( x_get_option( 'x_footer_content_display' ) == '1' ) : ?>
          <div class="x-colophon-content">
            <?php echo do_shortcode( x_get_option( 'x_footer_content' ) ); ?>
          </div>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_menu_display' ) == '1' ) : ?>
          <?php x_get_view( 'global', '_nav', 'footer' ); ?>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_social_display' ) == '1' ) : ?>
          <?php x_social_global(); ?>
        <?php endif; ?>

      </div>
    </footer>

  <?php endif; ?>

<?php x_get_view( 'global', '_footer' ); ?>

Hope that helps.

[benterz222Participant]

Thank you so much. That’s done the trick!

Next question: how do I move the logo to the top center, and then the menu bar underneath this? Again, like on http://www.surface85.com.

I’d be keen to also remove the right hand side column too to keep it clean.

Cheers guys. Really appreciate your help.

[JoaoModerator]

Hi There,

1-Logo

Go to Appereance > Customizer > Header and select Stacked instead of In-Line.

2- Sidebar

You can go to Appereance > Customizer > Layout and Design and select Full width.

Hope that helps,

Joao

[benterz222Participant]

Thanks Joao.

I’m still a bit confused how the blog posts work, as I’ve uploaded a few test blog posts now, yet none are showing on the homepage. I’ve figured out how to get them on the slider and carousel, yet not to display on the main part of the homepage.

Also, my ‘filter by topic’ menu doesn’t have any dropdown options? How can I configure this?

Thanks, and sorry for all the questions. I’m pretty new to this.

[LelyModerator]

Hi There,

Upon checking, blog post is now showing on your homepage already. See attached screenshot. If you can’t see it, try clearing browser cache. Regarding filter topic, please add Categories on Post > Categories. Then assign your post on specific category.

Hope this helps,

[LelyModerator]

Hi There,

Upon checking, blog post is now showing on your homepage already. See attached screenshot. If you can’t see it, try clearing browser cache. Regarding filter topic, please add Categories on Post > Categories. Then assign your post on specific category.

Hope this helps,

[benterz222Participant]

Hi Lely,

The screenshot you’ve attached shows that the blog post is appearing in the carousel which i’ve set to be at the bottom of the page. I meant that the blog post appears underneath the top slider just as a normal blog post, with the title. Again, like the content on the homepage of: http://www.surface85.com

Thanks.

[JadeModerator]

Hi there,

There are no posts that show up under the filter index because there are category IDs set in Appearance > Customize > Ethos > Blog Options > Category IDs. Kindly remove them or set different ID values that are correct.

Hope this helps.

[benterz222Participant]

Thanks Jade. That’s done the trick!

[ThaiModerator]

If you need anything else please let us know.

[Author]

Posts