css Genesis Extender Home Slider Tutorial Snippets

Posted 2021-05-13

/*
Custom Hook Box code
*/

<div class="my-home-slider">
  <div class="my-home-slider-wrap">
    <?php echo do_shortcode( '[home_slider]' ); ?>
  </div>
</div>

/* 
Custom CSS code example #1
*/

.my-home-slider {
  background: #222;
	border-top: 3px solid #000;
	-webkit-box-shadow: 0 3px 5px #aaa;
	box-shadow: 0 3px 5px #aaa;
}

.my-home-slider-wrap {
	max-width: 1140px;
	margin: 0 auto;
}

/* 
Custom CSS code example #2
*/

.my-home-slider {
  padding: 20px 0 0;
}

.my-home-slider-wrap {
	max-width: 1140px;
	margin: 0 auto;
	-webkit-box-shadow: 0 3px 5px #aaa;
	box-shadow: 0 3px 5px #aaa;
}