Featured Image slider as full width

[liz80y]

Hi,
I am looking to make my featured image slider full width. I can’t seem to find where to adjust the settings for this. Can you help?
Thanks.

[jade]

Hi @liz80y,

You have several pages on your site. Would you mind specifying which page the Slider is so that we can check it?

For the meantime, try setting the page template to a Blank | No Container template then edit the Row settings of the row that contains the slider then disable the column container option:

Hope this helps.

[liz80y]

Hi Jade,
I have two sliders on the homepage that are perfect. The other slider that appears on all my other main pages (menu items) is one that has all the featured images (blog posts). I can’t remember how I put this on and how to edit it.

[ruenel]

Hello @liz80y,

You might be referring to the post slider. You can enable/disable it in X > Theme Options > Ethos > Post Slider. To make the post slider fullwidth, you will have to do the following since you have your child theme active and ready:

1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?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();

?>

  <?php x_get_view( 'ethos', '_post', 'slider' ); ?>

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

    <div class="offset cf">
      <div class="<?php x_main_content_class(); ?>" role="main">

        <?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(); ?>

3] Save the file named as wp-index.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/views/ethos/
5] And then please have your custom css updated and use this:

.site .x-post-slider .x-post-slider-entry {
    background-size: 100% auto;
}

We would love to know if this has worked for you. Thank you.