Recommended slideshow size: 897 x 355. Go to Appearance > Editor. Select front-page.php from the right. Find Lines 16-52:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<div class="grid_24 slider"> <div class="slider-container"> <div id="slides"> <div id="slide-box"> <div class="slides_container col-full slide-fix" > <div class="slide slide-1" > <div class="slide-content entry fl"> <?php if (inkthemes_get_option('colorway_slideheading1') != '') { ?> <h2 class="title"><a href="<?php echo inkthemes_get_option('colorway_slidelink1'); ?>"><?php echo inkthemes_get_option('colorway_slideheading1'); ?></a></h2> <?php } else { ?> <h2 class="title"><a href="#"><?php _e('Beauty at its best','colorway'); ?></a></h2> <?php } ?> <?php if (inkthemes_get_option('colorway_slidedescription1') != '') { ?> <p><?php echo inkthemes_get_option('colorway_slidedescription1'); ?></p> <?php } else { ?> <p><?php _e('What happens when beauty and simplicity connects. We tried to give you a slight hint of that with the Colorway Theme.','colroway'); ?></p> <?php } ?> </div> <!-- /.slide-content --> <?php if (inkthemes_get_option('colorway_slideimage1') != '') { ?> <div class="slide-image fl"><img src="<?php echo inkthemes_get_option('colorway_slideimage1'); ?>" class="slide-img" alt="Slide 1"/> </div> <?php } else { ?> <div class="slide-image fl"><img src="<?php echo get_template_directory_uri(); ?>/images/slider.png" class="slide-img" alt="Slide 1"/> </div> <?php } ?> <!-- /.slide-image --> <div class="fix"></div> </div> </div> <!-- /.slides_container --> </div> <!-- /#slide-box --> </div> <!-- /#slides --> </div> </div> <div class="clear"></div> |
Replace the previously selected lines with the template include from Meta Slider. Overall the top of the file should now look like this:
|
1 2 3 4 5 6 7 |
<!--Start Slider--> <?php echo do_shortcode("[metaslider id=123 restrict_to=home]"); // replace 123 with your slideshow ID ?> <!--End Slider--> |
Save.