Removing Content Area?

I noticed that your SP Responsive Header Slider doesn’t have this gray line/overlay. I would use it except that it doesn’t (or at least I didn’t figure out how to make it do it) launch on its own and must be manually click on to start sliding, and there doesn’t appear to be a way to remove the slider navigation and buttons.

Hello Sriingram,

If you want it manually click start then plz go to
plugins – > responsive-header-image-slider -> responsive_headerimageslider.php

and serach for this javscript code

<script type="text/javascript">
	 jQuery(function() {
      jQuery('#slides').slidesjs({
        width: <?php echo $sliderdefultwidth ; ?>,
        height: <?php echo $sliderdefultheight ; ?>,
        play: {
          active: <?php echo $pausedefulthover; ?>,
          auto: true,
          interval: <?php echo $autoplaydefultspeed; ?>,
          swap: true
        }
      });
    });
	</script>

and replace this script code with this one

<script type="text/javascript">
	 jQuery(function() {
      jQuery('#slides').slidesjs({
        width: <?php echo $sliderdefultwidth ; ?>,
        height: <?php echo $sliderdefultheight ; ?>,
        play: {
          active: <?php echo $pausedefulthover; ?>,
          auto: false,
          interval: <?php echo $autoplaydefultspeed; ?>,
          swap: true
        }
      });
    });
	</script>

here i have made “auto: false”

Now of you dont want pagination OR play button plz use this script code

<script type="text/javascript">
	 jQuery(function() {
      jQuery('#slides').slidesjs({
        width: <?php echo $sliderdefultwidth ; ?>,
        height: <?php echo $sliderdefultheight ; ?>,
        play: {
          active: <?php echo $pausedefulthover; ?>,
          auto: false,
          interval: <?php echo $autoplaydefultspeed; ?>,
          swap: true
        },
		 pagination: {
      active: false
    },
	play: {
      active: false,
		}
      });
    });
	</script>

for more reference you can check the api here
https://slidesjs.com/