Border around slideshow in pilcrow

• 

  familyspiritadventures · Member · May 1, 2012 at 1:39 pm

  • Copy link
  • Add topic to favorites

  The border for my slideshow currently exists a long way out from the actual photos.
  How do I make a border that sits around the actual photos and be in the same colour
  and txt of my background. Ta

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

• 

  timethief · Member · May 1, 2012 at 3:14 pm

  • Copy link

  Does this help?
  https://en.forums.wordpress.com/topic/changing-background-color-on-new-slideshow-feature?replies=5#post-451875

• 

  familyspiritadventures · Member · May 3, 2012 at 8:52 am

  • Copy link

  Yes it did answer my question however my question was not specific enough.
  If you look at http://www.familyspiritadventures.com you will see that the border I now have
  with the code
  .slideshow-window {
  background-image:url(‘http://familyspiritadventures.files.wordpress.com/2011/03/texture9511727-60.jpg’);
  border:1px solid #382014;
  }
  Is too far out. I am looking to have that border, or a little thicker, in the same colour and texture (chocolate brown) as my outer frame but have it bordering the actual photos themselves. Can you help with that? Ta

• 

  designsimply · Member · May 8, 2012 at 7:32 pm

  • Copy link

  Try removing the slideshow-related CSS you have right now, and add this instead:

  .slideshow-window{
  	background-color: transparent;
  	border: none;
  }
  body div.slideshow-window div.slideshow-slide img {
  	border-width: 4px !important;
  	border-style: solid;
  	border-color: #382014;
  }