How to change the format of the widget slideshow?

• 

  bautawitch · Member · Dec 10, 2017 at 10:06 am

  • Copy link
  • Add topic to favorites

  I have a widget called Gallery slideshow on my sidebar. All my photos are 5:5 and I want them to be displayed this way but they are not. How do I change this with css?

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

• 

  sfmerv · Member · Dec 10, 2017 at 10:03 pm

  • Copy link

  When you say 5×5 I am assuming you mean “square”?

  You can try this, adjust the height 66px to where you like it, but it looked close to square for me

  div#widget-gallery-2-slideshow {
      height: 66px;
  }

• 

  bautawitch · Member · Dec 11, 2017 at 8:57 am

  • Copy link

  Yes, I mean square. Sorry.

  66 px is a smaller square than a stamp I’m afraid. I have tried different formats and 200 px is as close as I get. If I make it bigger it any is not a square anymore. I wish I could display these photos in a larger size. There is room in the sidebar for a a larger slideshow.

• 

  sfmerv · Member · Dec 11, 2017 at 2:36 pm

  • Copy link

  Did you try it?

  When I set it the image went square at the size it was, needed to be. the 66px is just added the the image area to balance out the space.

• 

  bautawitch · Member · Dec 11, 2017 at 4:07 pm

  • Copy link

  Thank you, thank you, thank you!

  This is how my CSS looked like and I just changed the 200px to 66px. That’s when the stamp slide show showed! :D

  #widget-gallery-2-slideshow .slideshow-slide img {
  max-height: 200px !important;
  }

  This time I copied all of yours and “voila”! I’m so happy now! Thank You and Merry Christmas! :)