Colorway Theme

Recommended slideshow size:

  • Width: 897
  • Height: 340

Steps:

  1. Go to Appearance -> Editor. Select front-page.php from the right.
  2. 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('W

    hat 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>

  3. 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-->
  4. Save the changes.

If all this info is not enough for you – no problem, don’t worry! You can find more about our plugin and its themes – Slider Plugin by Supsystic can be appropriate for all your requirements. Check out also the video tutorial of installation – we hope you will have no questions after this!

Important! If you still have some additional questions, want read some more articles or come to our forums – check out Slider Documentation page. There you also can find a theme integration instruction and other useful links. Don’t forget to look through our FAQ page. Maybe we already have an answer to your question! Links to other similar themes you can find also on this page.

Categories
Related Articles
Latest Articles