Blog

Stay connected to the latest UpdraftPlus news.

Blackbird

by | Aug 29, 2014 |

Recommended slideshow size: 950 x 390. Go to Appearance > Editor. Select front-page.php from the right. Find Lines 11-58:

PHP
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
40
41
42
43
44
45
46
47
48
49
50
 
    <div class="flexslider">
        <ul class="slides">
            <!--Start Slider-->
            <?php
            //The strpos funtion is comparing the strings to allow uploading of the Videos & Images in the Slider
            $mystring1 = blackbird_get_option('blackbird_slideimage1');
            $value_img = array('.jpg', '.png', '.jpeg', '.gif', '.bmp', '.tiff', '.tif');
            $check_img_ofset = 0;
            foreach ($value_img as $get_value) {
                if (preg_match("/$get_value/", $mystring1)) {
                    $check_img_ofset = 1;
                }
            }
            // Note our use of ===.  Simply == would not work as expected
            // because the position of 'a' was the 0th (first) character.
            ?>
            <?php if ($check_img_ofset == 0 && blackbird_get_option('blackbird_slideimage1') != '') { ?>
                <li><?php echo blackbird_get_option('blackbird_slideimage1'); ?></li>
            <?php } else { ?>  
                <li>  <?php if (blackbird_get_option('blackbird_slideimage1') != '') { ?>
                        <img  src="<?php echo blackbird_get_option('blackbird_slideimage1'); ?>" alt=""/>
                    <?php } else { ?>
                        <img  src="<?php echo get_template_directory_uri(); ?>/images/slider1.png" alt=""/>
                    <?php } ?>
                    <div class="flex-caption">
                        <?php if (blackbird_get_option('blackbird_sliderheading1') != '') { ?>
                            <h1><a href="<?php
                    if (blackbird_get_option('blackbird_Sliderlink1') != '') {
                        echo blackbird_get_option('blackbird_Sliderlink1');
                    }
                            ?>"><?php echo stripslashes(blackbird_get_option('blackbird_sliderheading1')); ?></a></h1>
                        <?php } else { ?>
                            <h1><a href="#"><?php _e('Elegancy with Simplicity', 'black-bird'); ?></a></h1>
                            <?php } ?>
                            <?php if (blackbird_get_option('blackbird_sliderdes1') != '') { ?>
                            <p>                      
                            <?php echo stripslashes(blackbird_get_option('blackbird_sliderdes1')); ?>
                            </p>
                        <?php } else { ?>
                            <p><?php _e('Blackbird Theme allows you to create your website through an easy to use themes options panel.', 'black-bird'); ?></p>
                <?php } ?>                        
                    </div>
                </li>
<?php } ?>
            <!--End Slider-->
        </ul>
    </div>
 

Replace the previously selected lines with the template include from Meta Slider. Overall the top of the file should now look like this:

PHP
1
2
3
4
5
6
7
8
9
 
<!--Start Slider Wrapper-->
<div class="slider-wrapper">            
<?php
    echo do_shortcode("[metaslider id=1917]");
?>
</div>
<!--End Silder Wrapper-->
 

Save. Go to Appearance > Editor. Select style.css from the right. At the very bottom (on a new line), paste in the following:

PHP
1
2
3
4
5
6
7
8
 
.metaslider .flex-control-nav li a {
    width: 11px !important;
}
.metaslider .flex-control-nav {
    right: auto;
}
 

Save.