MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Make Redwood's slider full-width

Please Note: This FAQ Article is specifically for the Redwood theme.



Redwood's featured area slider, by default, will be set at 1080 x 530 pixels. If you would like to have the slider be full-width and span the entire width of your page, you can follow the steps noted below.







Default Homepage w/ Post Feed


Open up "index.php".
From Line 7 - Line 9, you will see the following block of code:

<?php if(get_theme_mod( 'sp_featured_slider' ) == true) : ?>
    <?php get_template_part('inc/featured/featured'); ?>
<?php endif; ?>


Copy this block of code in your theme file and paste it onto blank Line 2 (right below where it says "php get_header"). Be sure to go back down and delete that first block of code, otherwise you will have 2 sliders appearing.
Save changes to the file when you're finished.

Please note: With a full-width slider, you will likely want to use featured images that are at least 1920px in width in order to avoid grainy slider images. By default, the slider's height is 530px. 





Static Full-Width Page


For full-width static pages w/ slider enabled, open up your theme file titled "page-fullwidth-slider.php".
On Line 12, you will see this bit of code:

<?php get_template_part('inc/featured/featured'); ?>


Copy this line of code and paste it onto blank Line 7 (directly below where it says "php get_header"). Be sure to go back down and delete that original line of code previously on Line 12, otherwise you will have duplicate sliders displaying.
Save changes to the theme file when finished.

Please note: With a full-width slider, you will likely want to use featured images that are at least 1920px in width in order to avoid grainy slider images. By default, the slider's height is 530px. 




Static Standard (Sidebar) Page


For standard static pages (sidebar is enabled) w/ slider, open up your theme file titled "page-slider.php".
On Line 12, you will see this bit of code:

<?php get_template_part('inc/featured/featured'); ?>


Copy this line of code and paste it onto blank Line 7 (directly below where it says "php get_header"). Be sure to go back down and delete that original line of code previously on Line 12, otherwise you will have duplicate sliders displaying.
Save changes to the theme file when finished.

Be sure to save changes to the theme file when you're finished.

Please note: With a full-width slider, you will likely want to use featured images that are at least 1920px in width in order to avoid grainy slider images. By default, the slider's height is 530px.