Recommended slideshow size:
Colorway
Width: 897
Height: 340
Steps:
Go to Appearance -> Editor. Select front-page.php from the right.
Find Lines 16-52:
<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 Slider by Supsystic. Overall the top of the file should now look like this:
<!--Start Slider-->
<?php
echo do_shortcode(""); // replace 1 with your slideshow ID
?>
<!--End Slider-->Save.
Colorway
