#1127

admin
Keymaster

Here is my anwers:

When I tage Widget area one articles “slider” those posts repeat as posts below the slider. how would we change this?

I am assuming you need one more slider. If so, you need to copy the code of the slider including outer box as follows:

<section class="shadow-box clearfix">
	<div class="inner-box clearfix">
		<header class="entry-header">
			<h5 class="entry-box-title">Breaking News</h5>
		</header>
		<div id="main-slider" class="flexslider">
		  <ul class="slides">
			<li>
				<article class="kopa-flex clearfix">					
					<a href="" class="slide-image"><img class="responsive-img hover-effect" src="placeholders/slider/flex-1.jpg" alt="" /></a>
					<div class="f-entry-content">
						<h3><a class="slide-title">Rappers Celebrate President Barack Obama's Win On Twitter</a></h3>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						<a href="#" class="slide-link"><span>Full story</span></a>
					</div><!--f-entry-content-->
				</article>
			</li>
			<li>
				<article class="kopa-flex clearfix">					
					<a href="" class="slide-image"><img class="responsive-img hover-effect" src="placeholders/slider/flex-1.jpg" alt="" /></a>
					<div class="f-entry-content">
						<h3><a class="slide-title">Rappers Celebrate President Barack Obama's Win On Twitter</a></h3>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						<a href="#" class="slide-link"><span>Full story</span></a>
					</div><!--f-entry-content-->
				</article>
			</li>
		  </ul>
		</div>
	</div><!--inner-box-->
</section><!--end:shadow-box-->

You need to change the ID: id=”main-slider” to yours.
Then open file custom.js located at js folder and duplicate the following codes at the beginning of the file:

/* =========================================================
Home page slider
============================================================ */
jQuery(window).load(function(){
  jQuery('#main-slider').flexslider({
	animation: "slide",
	reverse: false,
	start: function(slider){
	  jQuery('body').removeClass('loading');
	}
  });
  
});

You need to change the ID: ‘#main-slider’ to yours

How do we modify the section/widget area borders?

You need to open style.css file to edit CSS for shadow-box and inner-box

I just lost the right sidebar, how do I get it back? and now slider isn’t rotating.

I don’t understand well your question, why did you lost the sidebar? Did you delete source code? If so, please open the original file to copy it.

how do i get rid of the background image behind the gallery images in the gallery widget? [this is gone since the right sidebar vanished]

Come to the end of each HTML file to come-out following code:

<script>
	jQuery.backstretch([
	  "placeholders/01.jpg",
	  "placeholders/02.jpg",
	   "placeholders/03.jpg"
	], {
		fade: 750,
		duration: 4000
	});
</script>