Setting class="x-flexslider x-post-slider" to 100% or 100VW

Support
#1

In ethos is it possible to set class=“x-flexslider x-post-slider” to 100% or 100VW.
Without affecting the main content og widget area?

#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Conversation Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Hey there,

I’m not sure by what you mean and what its effects will be but customizing the size would require custom development which is outside the scope of our support.

Thank you for understanding.

#4

Hi

I want the top area with the featured blog posts to be 100% width.
I’ve illustrated it in the attached image. A is what it looks like now, and
I want it to look like B

#5

Hi There,

Thank you for the credentials. From the looks of it, it might be restricted by the container. To assist you with this issue, we’ll first need you to provide us with your URL where we the slider was added. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

#6

Hi

I’ve added it as a secure note since the site is in maintenance mode.

#7

Hello There,

I already have checked your site. There is no need to add or change the width to 100% or 100VW. To resolve your issue, we need to modify the template and display the slider outside of the x-main container. Since you have your child theme active and ready, please follow the following steps below:
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';

?>

<?php 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/

We would loved to know if this has work for you. Thank you.

#8

Thanks! that worked perfectly :grinning:

#9

You are welcome!