Gallery image slideshow border

• 

  salembridgeport · Member · Dec 4, 2013 at 5:09 am

  • Copy link
  • Add topic to favorites

  How to I change the size of the gallery slideshow border?

  I am using the gallery slideshow in a sidebar and the border is just huge… really thick.

  Is there any to limit the size? I’ve seen suggestions on the internet for how to do this with the old slideshow shortcode.

  I’m also going to try to use the old slideshow shortcode.

  Thanks in advance for your help!

  Tom

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

• 

  kraftbj · Staff · Dec 4, 2013 at 7:47 pm

  • Copy link

  Howdy,

  Sure thing. It’ll require a little adjustment to the CSS code on your site.

  Since you have the Custom Design upgrade, you can visit the Appearance->Customize->CSS page and add an edited version of this code:

  .slideshow-window {
  border: 20px solid #222;
  }

  Currently, the border is at 20px, which is really big for your situation. You can play with the number that works for you, but 5px probably isn’t a bad place to start.

  If you have any questions or need anything else, please let me know. Cheers!

• 

  salembridgeport · Member · Dec 5, 2013 at 1:16 am

  • Copy link

  Kraftbj,

  I put this in my CSS customization:
  .slideshow-window {
  border: 1px solid #222;
  }
  Which I would have expected would have given me a very thin border. It didn’t change the border at all.

  Do you have any other idea?

  Thanks in advance!

  Tom

• 

  kraftbj · Staff · Dec 5, 2013 at 4:06 pm

  • Copy link

  Hi Tom,

  Interestingly, the default styling is overriding the custom, which I didn’t expect. Since I sent you on a goose hunt of sorts, I went in and changed up the CSS a bit.

  I declared a more exact rule for the .slideshow-window and added a bit more to make it work better together.

  If you have any questions, please let me know. Cheers!

• 

  salembridgeport · Member · Dec 6, 2013 at 3:03 am

  • Copy link

  Many thanks! Is this something we should publish for others? I’ve seen this question asked before… but without an answer.

• 

  kraftbj · Staff · Dec 6, 2013 at 3:26 pm

  • Copy link

  Each theme could be different, so there isn’t a guaranteed one-size fits all answer.

  Since this is the public Staff Answers section, other folks will be able to search and find this answer as a starting point.

  Cheers!

• 

  kraftbj · Staff · Dec 6, 2013 at 3:27 pm

  • Copy link

  For those searching in the future, this was the code used in the Able theme that worked in this case:

  .widget-gallery .slideshow-window {
  	border: 1px solid #222;
  	border-radius: 5px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	padding-bottom: 2px;
  	width: 191px;
  }

  Your mileage may vary :-)

• 

  salembridgeport · Member · Dec 7, 2013 at 2:44 am

  • Copy link

  Good point about the themes. Thanks!