Sydney theme

This documentation can help you replace the Sydney theme homepage slider with our slider.

Step 1

Go to the FTP of your website and create a child folder:

/wp-content/themes/sydney-child-theme/

Step 2

Create a style.css file in this folder:

/wp-content/themes/sydney-child-theme/style.css

and write this code in it:

/*
Theme Name: Sydney child theme
Template: sydney
*/
@import url('../sydney/style.css');

Step 3

Copy the header.php file from sydney into your folder:

From: /wp-content/themes/sydney/header.php

To: /wp-content/themes/sydney-child-theme/header.php

Step 4

Modify the code. This is how the end of the code looks like:

	<?php do_action('sydney_after_header'); ?>
	<div class="sydney-hero-area">
		<?php sydney_slider_template(); ?>
		<div class="header-image">
			<?php sydney_header_overlay(); ?>
			<img class="header-inner" src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>">
		</div>
		<?php sydney_header_video(); ?>
		<?php do_action('sydney_inside_hero'); ?>
	</div>
	<?php do_action('sydney_after_hero'); ?>
	<div id="content" class="page-wrap">
		<div class="container content-wrapper">
			<div class="row">

Remove the entire sydney-hero-area div and use our slider's shortcode instead:

	<?php do_action('sydney_after_header'); ?>
	<?php
		echo do_shortcode('[smartslider3 slider=8]');
	?>
	<?php do_action('sydney_after_hero'); ?>
	<div id="content" class="page-wrap">
		<div class="container content-wrapper">
			<div class="row">

Step 5

Activate your child theme.