flexslider need 4 slides

Premium Responsive themes uses flexslider (Fully Customizable) for front page slider.

Further, if you want to change slide which is coming form content, that's difficult enough to manage. So an alternative way is to use Views Slideshowmodule or other slider module for that you can make changes in page.tpl.php file and css changes.

For adding 4th slide into flexslider, please follow below steps:

1. Go to theme-settings.php and find below code.

  $form['resp_settings']['slideshow']['slide3']['slide3_url'] = array(
    '#type' => 'textfield',
    '#title' => t('Slide URL'),
    '#default_value' => theme_get_setting('slide3_url','responsive'),
  );

Enter the below code after the above code.

$form['resp_settings']['slideshow']['slide4'] = array(
    '#type' => 'fieldset',
    '#title' => t('Slide 4'),
    '#collapsible' => TRUE,
    '#collapsed' => TRUE,
  );
  $form['resp_settings']['slideshow']['slide4']['slide4_desc'] = array(
    '#type' => 'textfield',
    '#title' => t('Slide Description'),
    '#default_value' => theme_get_setting('slide4_desc','responsive'),
  );
  $form['resp_settings']['slideshow']['slide4']['slide4_url'] = array(
    '#type' => 'textfield',
    '#title' => t('Slide URL'),
    '#default_value' => theme_get_setting('slide4_url','responsive'),
  );

This would set 4th slide setting in theme settings.

2. Go to your page.tpl.php file (i.e.sites\all\themes\responsive\templates\page.tpl.php) find the below code.

<li>
          <a href="<?php print url($url3); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'responsive') . '/images/slide-image-3.jpg'; ?>"/></a>
          <?php if ($cap3): ?> <div class="flex-caption"> <h3> <?php print $cap3; ?> </h3> </div> <?php endif; ?>
        </li>

Enter the below code after the above code.

<li>
          <a href="<?php print url($url4); ?>"><img src="<?php print base_path() . drupal_get_path('theme', 'responsive') . '/images/slide-image-4.jpg'; ?>"/></a>
          <?php if ($cap4): ?> <div class="flex-caption"> <h3> <?php print $cap4; ?> </h3> </div> <?php endif; ?>
        </li>

3. Go to user images folder(sites\all\themes\responsive\images) add image to be added for 4th slider. Set image file name to "slide-image-4.jpg". [This is mandatory]

Let me know if you face any query/concern regarding the same.

Hey Tana, we do not own this theme, we are just contributing our time in providing you assistance with your challenge for this theme.

Regarding your query related to title, you need to manage it via CSS.

In page.tpl.php find below code:
$url3 = check_plain(theme_get_setting('slide3_url','responsive')); $cap3 = check_markup(theme_get_setting('slide3_desc','responsive'), 'full_html');

After add this code:
$url4 = check_plain(theme_get_setting('slide3_url','responsive')); $cap4 = check_markup(theme_get_setting('slide4_desc','responsive'), 'full_html');

Hope this address your concern.

Thanks