Customizing slideshow windows

• 

  egm28 · Member · May 3, 2014 at 10:17 pm

  • Copy link
  • Add topic to favorites

  Hi:

  I had asked the following question yesterday:

  I have an online portfolio that contains a slideshow of my work (see the Portfolio page). I noticed that on two of the pages (Pages 3 & 5) that are large gaps in the slideshow window which makes the captions and the page links lower than what I want. I know that it has something to do with the slideshow window size. I found this WordPress forum: https://en.forums.wordpress.com/topic/custom-design-does-not-let-me-change-picture-width-in-slideshow-gallery?replies=9 and I used the formula that one of the members:

  #gallery-3301-1-slideshow. slideshow-slide img{
  max-height:570px;!important;
  } (of course, I changed the max-height number).

  I tried this and it changes the size of the slideshow window for all the slideshow window galleries and I don’t want that. I just want to fix pages 3 & 5. Is there a way to take out those gaps in the slideshow window galleries on pages 3 & 5?

  NOTE: I only have the thick border on so I could see what I was doing. I plan to take out the borders out.

  I’m using the Triton-Lite theme and my link is http://ebonymcfarland.wordpress.com/

  Thank you.

  This morning, I got a response from a member saying to use this code:
  .page-paged-3 #gallery-592-36-slideshow slideshow-slide img{
  max-height:570px;!important;
  }

  This code didn’t work and I changed the max-height number and everything.

  Can someone please help? Thank you.

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

• 

  egm28 · Member · May 4, 2014 at 12:47 am

  • Copy link

  Nevermind, I got it. It was:

  .page-paged-3 .slideshow-window {
  max-height: (whatever number you want to put in) px !important;
  }.

• 

  hafizr · Member · May 4, 2014 at 1:03 am

  • Copy link

  Great! Thanks for sharing your solution.