Zuki Theme Post Slider Image Size

• 

  eatbene · Member · May 11, 2017 at 8:19 pm

  • Copy link
  • Add topic to favorites

  I’m using the Zuki theme and generally like it, but find the images in the post slider to be too tall. Could you take a look at my site and give me the CSS code required to make the image size shorter?

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

• 

  staff-loquaciousloon · Staff · May 11, 2017 at 8:47 pm

  • Copy link

  Hi @eatbene!

  The following CSS should shorten the slider by about 25% – and keep the navigation arrows in a decent position as well.

  I wouldn’t recommend going shorter than this, as you might start running out of room for the text of the excerpts :)

  /* Shorter featured content */
  .flex-viewport {
  	max-height: 600px	
  }
  
  #featured-content .flex-direction-nav li a {
  	bottom: -1px;
  }
  @media screen and (min-width: 1360px) {
  	#featured-content .flex-direction-nav li a {
          top: 300px;
  	}
  }

  Let me know how it goes!

• 

  eatbene · Member · May 13, 2017 at 12:36 pm

  • Copy link

  Thanks Chad! This worked great, really appreciate it!

• 

  staff-loquaciousloon · Staff · May 13, 2017 at 4:54 pm

  • Copy link

  You’re welcome! :)