Slideshow image size

• 

  madebywooni · Member · Nov 9, 2015 at 4:22 pm

  • Copy link
  • Add topic to favorites

  How do I make the images in a slideshow full sized?

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

• 

  thesacredpath · Member · Nov 10, 2015 at 2:01 am

  • Copy link

  Hi there, when you create a slideshow, the software creates a bounding box for the images based on either the width or the height of the images so that they can all be displayed in the same base area and not have the size jump around when the image changes from portrait to landscape. We can increase the size of that bounding box by increasing the width the section-inner.thin div. You may not want to increase the size of all pages, so what I have done with the following CSS is to use the unique page id body class for your home page to increase the size of the slideshow without affecting any other pages. Originally this was 740px.

  .page-id-75 .section-inner.thin {
      width: 940px;
  }