Add Slider Inside Header Of Woo Canvas Themes Front Page

Here’s the code which displays the Soliloquy slider inside the header area of any Woo theme.

The theme used in this example is Canvas however this code should work in any Woo theme.

Simply copy the PHP code from the above Gists view raw link and paste it at the end of your child themes functions.php file or the Custom Functions section of the themes default functions.php file.

This code displays the slider inside the header on the front page only which can be modified by changing the

is_front_page()

conditional tag in the above code snippet.

You can also remove the white space before and after the slider by copying these 2 code snippets and removing or modifying the values for the padding in your custom.css file:

Line 613

#header {
    background-size: cover;
    clear: both;
    padding: 40px 0 45px;
    position: relative;
}

Line 514

#wrapper {
    padding: 10px 0 40px;
}

You can also remove the site title and description from the home page using CSS code:

.home #logo {
display: none;
}

More Woo Tips

• Easy Way To Add Content Using Woo Themes Hook Manager