Gallery slideshow

• 

  bobbybloch · Member · Aug 16, 2014 at 11:05 am

  • Copy link
  • Add topic to favorites

  The background of the slideshow is black. I would prefer it to be white, using a shortcode if at all possible. I could not find this on the help pages. I understand I would need a plugin to access the media settings but I am using the default wordpress without plugins installed. Please help?

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

• 

  justjennifer · Member · Aug 16, 2014 at 11:23 am

  • Copy link

  Panos, another forum volunteer, has a tutorial that may help you. http://wpbtips.wordpress.com/2010/04/16/custom-frame-around-slideshow/

  Otherwise, it would require the paid Custom Design upgrade and a working knowledge of CSS.

• 

  bobbybloch · Member · Aug 16, 2014 at 12:25 pm

  • Copy link

  Thanks for the quick reply! I tried it, and changed the hex code to fff for a combination of all/any of the three he suggests to change in the code. It either remains black or became a white border with black fill or disappears. This is the code I used to get a white border, how do I get a white fill as well?

  [slideshow]
  <p style=”width:100%;height:450px;margin-top:-475px;color:#HEXF;background-color:#HEXF;border:1px solid #fff;position:relative;z-index:1;”>-

  Many thanks

• 

  justjennifer · Member · Aug 16, 2014 at 12:31 pm

  • Copy link

  Did you try adding #fff where it says “#HEXF” ? Only adding it to the border property won’t do what you want. You need to add it to background-color as well.

• 

  bobbybloch · Member · Aug 16, 2014 at 2:24 pm

  • Copy link

  Yes, so this:
  [slideshow]
  <p style=”width: 100%; height: 450px; margin-top: -475px; color: #hexfff; background-color: #fff; border: 1px solid #fff; position: relative; z-index: 1;”>-

  and

  [slideshow]
  <p style=”width: 100%; height: 450px; margin-top: -475px; color: #fff; background-color: #fff; border: 1px solid #fff; position: relative; z-index: 1;”>-

  Makes the pictures disappear (just a white space).

• 

  justjennifer · Member · Aug 17, 2014 at 6:19 am

  • Copy link

  <p style="width:100%;height:450px;margin-top:-475px;color:#hexfff;background-color:#fff;border:1px solid #fff;position:relative;z-index:1;">Although you’ve left HEX in the first instance (color), I haven’t been able to get this to work correctly on my test site either.

  The reason the slideshow “disappears” is because the P tag created covers it up (specifically the z-index). I’ve gone back and tested this in a number of themes, both new and old, and it no longer seems to work. This may be CSS-related but I suspect it is also in combination with a change in the coding of the Slideshow since Panos’ wrote his tutorial.

  So, unfortunately, this means that tutorial is no longer an option, which leaves the Custom Design upgrade. You can try it out for free to see if your changes work, but in order to make your changes permanent, you’ll need to buy the upgrade. Sorry I couldn’t help further.

• 

  justjennifer · Member · Aug 17, 2014 at 7:11 am

  • Copy link

  PS I would be happy to be proven wrong if another forum volunteer can assist. Cheers!