Change Horizontal Scroll to Vertical

• 

  kitgrill · Member · Jun 27, 2016 at 4:34 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m adjusting a clients website and they would like the horizontal scroll changed to vertical to display their work.

  I’ve had a look in the CSS and they below pops up.

  /* Body */
  
  #wrapper {
  	padding:12.5em 0 2em 0;
  }
  
  .home-slides {
  	height:40em;
  	position:relative;
  	text-align:center;
  }
  
  .home-slides div, .home-page img {
  	display:none;
  	width:auto !important;
  }
  
  .home-slides img {
  	max-height:80% !important;
  }
  
  /* Slideshow */
  
  .slide-frame {
  	white-space:nowrap;
  	padding:0 0 0 30px;
  	min-height:20em;
  }
  
  .slide-frame .slide {
  	margin:0 25px 0 0;
  	display:inline-block;
  	max-height:60%;
  	vertical-align:top;
  }
  
  .slide img {
  	margin:0;
  	vertical-align:bottom;
  	max-height:480px;
  }
  
  .slide iframe {
  	height:479px;
  	width:600px;
  }
  
  .slide p {
  	max-width:100%;
  }
  .slide a {
  	display: inline;
  	max-width:100%;
  
  }