change borders alignment in slideshow gallery

• 

  gcarchitetti · Member · Jul 21, 2014 at 4:52 pm

  • Copy link
  • Add topic to favorites

  I’m changing borders in slideshow gallery to “0”
  I’m using this codes in css:

  .slideshow-window {
  background-color: #fff !important;
  }

  .slideshow-window {
  border-color: #fff !important;
  border: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  }

  It seems everythink is going well in the custom design window, but when i open the blog page, the image is not aligned with the slideshow… Is there dome trick i don’t know yet??

  Thank you to everyone who wants to answer!

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

• 

  jsmutek · Member · Jul 21, 2014 at 6:24 pm

  • Copy link

  Hi, gcarchitetti – I just had a look. I used dev tools to add a red border around the containing div of your slide show (.slideshow-window) and the images appear to be centered vertically & horizontally inside of the parent div. Here’s a screenshot –

  http://postimg.org/image/4jsf8wqrh/

  Did you get this fixed, or am I missing something?

• 

  gcarchitetti · Member · Jul 22, 2014 at 7:28 am

  • Copy link

  Thank you… I’ve fixed it…

  I had to put this control code more:

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

• 

  jsmutek · Member · Jul 22, 2014 at 3:58 pm

  • Copy link

  Awesome!