Gallery Widget Change Background colour

• 

  dmfadmin · Member · Jul 15, 2013 at 10:25 am

  • Copy link
  • Add topic to favorites

  Please help!
  I’m trying to get rid of the black box around my gallery slideshow on the front page under ‘Supported by’

  I have tried

  .entry-content .slideshow-window {
  background: #FFFFFF;
  border: none;
  }

  and

  .slideshow-window {
  background: #FFFFFF;
  border: none;
  }

  nothing seems to work.

  Thanks in advance.
  Cheers

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

• 

  designsimply · Member · Jul 17, 2013 at 1:42 am

  • Copy link

  Try adding this:

  div.slideshow-window { border: none; }

  Or this if you want to keep the border spacing:

  div.slideshow-window { border-color: #fff; }

• 

  dmfadmin · Member · Jul 24, 2013 at 12:14 am

  • Copy link

  had to actually do this to get it working
  .slideshow-window {
  background-color: #fff !important;
  }

  .slideshow-window {
  background-color: #ffffff;
  border: none !important;

  but thanks!

• 

  designsimply · Member · Jul 24, 2013 at 4:03 pm

  • Copy link

  Both solutions should work, but the one I posted doesn’t require using “!important” which should (generally) be avoided when possible.