how can i make my slideshow background transparent on the Connect theme?

• 

  ashleybrim · Member · Sep 28, 2014 at 11:04 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I can’t seem to get CSS to let me make my homepage slideshow transparent. I’m using the Connect theme.

  And here’s my site: ashleybrim.wordpress.com.

  Thanks a ton for any help!

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

• 

  1tess · Moderator Emeritus · Sep 28, 2014 at 11:34 pm

  • Copy link

  moved to CSS forum so someone with that experience will more easily find this topic.

• 

  ashleybrim · Member · Sep 28, 2014 at 11:35 pm

  • Copy link

  thank you! much appreciated — i’m new to this.

• 

  hallluke · Member · Sep 28, 2014 at 11:44 pm

  • Copy link

  You almost had it! There is no ID called “container” (there is only a class) so just use the following:

  .slideshow-window {
    background:transparent;
    border-color:transparent;
  }

• 

  ashleybrim · Member · Sep 28, 2014 at 11:49 pm

  • Copy link

  hi @hallluke,

  that doesn’t seem to work either.

  i should just be able to drop that into Custom Design–> CSS Editor, right?

  what you sent is the only thing I put in that box and it is still not working.

  thanks for any help.

• 

  thesacredpath · Member · Sep 29, 2014 at 12:15 am

  • Copy link

  Add the !important attribute to both of the declarations so it looks like this:

  .slideshow-window {
  	border-color: transparent !important;
  	background-color: transparent !important;
  }