Add Smart Slider 3 to Twenty-Seventeen theme

⚠️ Warning: We suggest creating a child theme and making the modifications there, to avoid losing the changes during the next theme update.

To replace the theme's default image with a slider, you should open this file: \wp-content\themes\twentyseventeen\template-parts\header\header-image.php
And locate this code:

    <?php the_custom_header_markup(); ?>

Which creates the image. You should replace the above PHP code with your slider's PHP code. E.g::

    <?php echo do_shortcode('[smartslider3 slider=1]'); ?>

And your whole theme file should look like this:

 * Displays header media
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0

<div class="custom-header">

		<div class="custom-header-media">
			<?php echo do_shortcode('[smartslider3 slider=1]'); ?>

	<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>

</div><!-- .custom-header -->
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.