gallery slideshow CSS help

• 

  thedoggydidit · Member · Jul 17, 2014 at 6:11 am

  • Copy link
  • Add topic to favorites

  Hi!

  I use the Bushwick theme and I changed the image size and removed the background of my gallery slideshow using CSS code I found on this forum, and it looked exactly how I wanted to to, but when I exited the custom design the images reverted back to the smaller size (the background was removed successfully). How can make the larger images stick? I want them as large as the images on my home page (800px).

  The code I used was:

  .slideshow-window {
  border-color: transparent !important;
  background-color: transparent !important;
  }

  .slideshow-window .slideshow-slide img {
  max-height: 800px !important;
  }

  .slideshow-window {
  height: 800px !important;
  }

  My gallery is at http://thedoggydidit.com/gallery/

  Thanks!

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

• 

  thesacredpath · Member · Jul 17, 2014 at 7:52 pm

  • Copy link

  Hi there, let’s add one additional rule, which sets the slideshow image width at 100%.

  body div.slideshow-window * img {
      width: 100%;
  }

• 

  thedoggydidit · Member · Jul 19, 2014 at 5:08 pm

  • Copy link

  That works perfectly. Thanks a bunch!

• 

  thedoggydidit · Member · Jul 19, 2014 at 6:21 pm

  • Copy link

  I just noticed this is now distorting my vertical images. How can I make it so the images keep their aspect ratio? Thanks

• 

  thesacredpath · Member · Jul 20, 2014 at 4:33 pm

  • Copy link

  Hi there, did you get this issue fixed? I’m not seeing any distortion on portrait oriented images and see you changed “width” to “max-width”.

• 

  thesacredpath · Member · Jul 28, 2014 at 4:17 am

  • Copy link

  Hi, I’m going to mark this thread as resolved since I’m not seeing any distortion in the portrait images now. If it is still a problem, please feel free to either “unresolve” this topic and respond, or you can also start a new thread on the issue.