Slider Header Image

• 

  nextleapipo · Member · Apr 6, 2017 at 10:58 am

  • Copy link
  • Add topic to favorites

  Hi, I wanted to put slider on my header image at the front page instead using gif photos.

  But I don’t know how to do. Currently, I’m using Perennial theme.

  Somebody help me please.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 6, 2017 at 6:57 pm

  • Copy link

  Hi there, it looks like you have found out how to do this as I’m seeing three featured posts in the slider on your home page.

  For reference, in case you have not seen it, Perennial has a setup page which has information on all the features and how to use them.

• 

  nextleapipo · Member · Apr 7, 2017 at 3:49 am

  • Copy link

  Hi. Thank you for your response. :D

  Yes, I did it yesterday. By the way, is there any chances that I can change the size of header image? I want to reduce the height of the header image.

  Please advise.

• 

  thesacredpath · Member · Apr 7, 2017 at 8:18 pm

  • Copy link

  Are you wanting more of the image to show in the slider, or are you wanting to reduce the height of the slider area? To shorten the entire slider area, add a max-height to your current .site-hero-wrapper rule like this and set the max height as you desire.

  .site-hero-wrapper {
  	height:58vh;
  	min-height:300px;
  	max-height: 500px;
  }

  If you wish to also make the images smaller so more of them show, add the following and you can play with the 70vh value I’ve used as an example. It was originally 100vh.

  .site-hero-wrapper .entry-image-site-hero {
  	height: 70vh;
  }

• 

  nextleapipo · Member · Apr 12, 2017 at 7:06 am

  • Copy link

  Dear @thesacredpath

  Thank you for your kind assistance. :)

• 

  thesacredpath · Member · Apr 12, 2017 at 8:17 pm

  • Copy link

  You are welcome.