Ethos main post slider to be smaller with sidebar

[Tony_gm]

Is it possible to have the main post slider smaller so that the sidebar can fit on the right hand side inline with the slider?

[friech]

Hi Tony,

Thank you for writing in, yes that is possible with custom template. To do this, first please setup a child theme

And then on your child theme navigate to this directory: \x-child\framework\views\ethos\ create it if the path/folder does not exist.

On that directory create a file named: wp-index.php and paste the codes below on it.

<?php

// =============================================================================
// VIEWS/ETHOS/WP-INDEX.PHP
// -----------------------------------------------------------------------------
// Index page output for Ethos.
// =============================================================================

$is_filterable_index = is_home() && x_get_option( 'x_ethos_filterable_index_enable' ) == '1';

get_header();

?>

  <div class="x-container max width main">

    <div class="offset cf">
      <div class="<?php x_main_content_class(); ?>" role="main">
<?php x_get_view( 'ethos', '_post', 'slider' ); ?>
        <?php if ( $is_filterable_index ) : ?>
          <?php x_get_view( 'ethos', '_index' ); ?>
        <?php else : ?>
          <?php x_get_view( 'global', '_index' ); ?>
        <?php endif; ?>

      </div>

      <?php get_sidebar(); ?>

    </div>
  </div>

<?php get_footer(); ?>

Then lastly, add this to Theme Options > CSS

@media (min-width: 768px) {
	.x-post-slider-entry>a {
	  position: relative !important;
	  min-height: 425px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
}

Please understand that this is now in the realm of custom development, further modification from here will not be supported.

Thank you for understanding,

[Tony_gm]

Thanks so much! This has now solved my query

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.