WordPress.com Forums » Tag: slideshow background - Recent Posts http://en.forums.wordpress.com/tags/slideshow-background WordPress.com Forums » Tag: slideshow background - Recent Posts en Wed, 19 Jun 2013 00:53:19 +0000 http://bbpress.org/?v=1.1-alpha-2539 sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254592 Fri, 03 May 2013 17:55:33 +0000 sharonshero 1254592@http://en.forums.wordpress.com/ Indeed! Thanks again.

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254589 Fri, 03 May 2013 17:54:19 +0000 andrewcpht 1254589@http://en.forums.wordpress.com/ Like I said, if you want to play with the transparency, just up the 4th number in the background-color to a decimal between 0.0 and 1.0.

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254586 Fri, 03 May 2013 17:53:12 +0000 andrewcpht 1254586@http://en.forums.wordpress.com/ Nice. Glad I could help! It was certainly a challenge, but it paid off.

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254575 Fri, 03 May 2013 17:48:17 +0000 sharonshero 1254575@http://en.forums.wordpress.com/ Perseverance pays off!! Thank you, the background has gone away! I really appreciate your help on this one; it was quite the challenge!

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254564 Fri, 03 May 2013 17:43:50 +0000 andrewcpht 1254564@http://en.forums.wordpress.com/ If that doesn't work, I'll bump this up to a moderator who can look at it (I don't actually have the CSS addon on any of my blogs, so I can't test it myself.)

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254562 Fri, 03 May 2013 17:42:59 +0000 andrewcpht 1254562@http://en.forums.wordpress.com/ Hmm, one more try, then I'm at a loss. Try this:

div.slideshow-window {
background-color: rgba(255,255,255,0) !important;
border: 1px solid rgba(255,255,255,0) !important;
}

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254125 Fri, 03 May 2013 13:23:41 +0000 sharonshero 1254125@http://en.forums.wordpress.com/ Well, rats, no results either!

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1254009 Fri, 03 May 2013 11:19:06 +0000 andrewcpht 1254009@http://en.forums.wordpress.com/ Hmm, try this:

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

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253802 Fri, 03 May 2013 03:37:51 +0000 sharonshero 1253802@http://en.forums.wordpress.com/ Ok, tried all of the above, but did not work... Anything else you can think of? Thx

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253779 Fri, 03 May 2013 03:08:04 +0000 andrewcpht 1253779@http://en.forums.wordpress.com/ Also instead of background: none; it should be background-color: none;

You can also specify an RGBA color like we did above for the page background.

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253778 Fri, 03 May 2013 03:04:32 +0000 andrewcpht 1253778@http://en.forums.wordpress.com/ Doh! It should be .slideshow-window instead of .jetpack-slideshow

And yes, it should go in the Custom CSS.

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253773 Fri, 03 May 2013 03:00:11 +0000 sharonshero 1253773@http://en.forums.wordpress.com/ The snippet didn't work, but possibly because I'm not putting it in the right place. Do I drop it in the CSS custom design or directly on the effected page? And if in the page, where would I place it? Sorry, I'm just scraping the surface with using CSS!!

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253727 Fri, 03 May 2013 02:15:09 +0000 andrewcpht 1253727@http://en.forums.wordpress.com/ Try the following:

.jetpack-slideshow {
background: none;
border: none;
}

A good trick for figuring out what styles you need to apply is using Chrome to Inspect the HTML (by right clicking on something, and then clicking Inspect Element). You can then navigate the HTML and see what CSS is currently being applied.

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253659 Fri, 03 May 2013 00:35:28 +0000 sharonshero 1253659@http://en.forums.wordpress.com/ oops, have another related question. I have a slide show that appears over the semi-transparent container. I would also like to make it's background completely transparent or at least a semi-transparent white. Tried to adapt the earlier code provided, but it didn't do anything. Currently it is a pale peach background. The page is located at http://lillipop.net/kids-show/
Thanks!

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253332 Thu, 02 May 2013 21:41:14 +0000 sharonshero 1253332@http://en.forums.wordpress.com/ This is too easy! I spent a good amount of time rummaging around in Google and getting wildly complex half-answers. Thank you, your snippet the trick!!

]]> andrewcpht on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253275 Thu, 02 May 2013 21:11:06 +0000 andrewcpht 1253275@http://en.forums.wordpress.com/ apply the following CSS:

.site {
background-color: rgba(255, 255, 255, 0.8);
}

Pay attention to the numbers in bold. The first three numbers are the RGB color for white (in other words, all three colors, Red, Green, and Blue, are set to maximum, which equals white).

The last number is the opacity, with 0 being fully transparent, and 1 being fully opaque. You can adjust the 0.8 up or down until you find a level that lets you show the background image through while still being legible.

]]> sharonshero on "How do I make the container semi-transparent in Twenty-Twelve?" http://en.forums.wordpress.com/topic/how-do-i-make-the-container-semi-transparent-in-twenty-twelve#post-1253188 Thu, 02 May 2013 20:31:09 +0000 sharonshero 1253188@http://en.forums.wordpress.com/ The container is white, but I'd like it to allow the background image to show through. Is there a snippet available to do this?

]]> thesacredpath on "Changing the Background on the slideshow" http://en.forums.wordpress.com/topic/changing-the-background-on-the-slideshow#post-1243163 Fri, 26 Apr 2013 02:03:59 +0000 thesacredpath 1243163@http://en.forums.wordpress.com/ You might have to adjust several things to get the gap where you want it. Start with #access and #main and then go to .entry-content, .entry-summary if necessary. I've targeted this to the home page only. 

.home #access {
margin-bottom: 1.615em;
}

.home #main {
padding-top: 1.615em;
}

.home .entry-content, .entry-summary {
margin-top: 1.615em;
}
]]> hthienes on "Changing the Background on the slideshow" http://en.forums.wordpress.com/topic/changing-the-background-on-the-slideshow#post-1242381 Thu, 25 Apr 2013 16:37:12 +0000 hthienes 1242381@http://en.forums.wordpress.com/ Now I have a little problem, I've removed (or decreased) the space where the tagline would go which is great. But with the background being white, now it appears as a really big gap between the navigation menu and the slideshow.... is there anyway to fix this?

Thanks again.

]]> hthienes on "Changing the Background on the slideshow" http://en.forums.wordpress.com/topic/changing-the-background-on-the-slideshow#post-1242322 Thu, 25 Apr 2013 16:04:33 +0000 hthienes 1242322@http://en.forums.wordpress.com/ That worked great! Thank you!

]]> thesacredpath on "Changing the Background on the slideshow" http://en.forums.wordpress.com/topic/changing-the-background-on-the-slideshow#post-1241541 Thu, 25 Apr 2013 00:37:11 +0000 thesacredpath 1241541@http://en.forums.wordpress.com/ We need to be just a little more specific with the selector to make this work. Give this a try.

.entry-content .slideshow-window {
background: #FFFFFF;
border: none;
}
]]> hthienes on "Changing the Background on the slideshow" http://en.forums.wordpress.com/topic/changing-the-background-on-the-slideshow#post-1241361 Wed, 24 Apr 2013 22:08:39 +0000 hthienes 1241361@http://en.forums.wordpress.com/ I would like to have a slideshow on the homepage of my website, but I really don't like the WordPress one, is there another i can use?

If not, what I really hate is the black background and border, is there a way to change this? I have tried doing it from my media settings and by adding this CSS code I found in an earlier thread:
.slideshow-window {
background: #fff;
border: none;
}

but neither work...

I'm using the forever theme.
THANKS

]]> karenjakobsen100 on "Change slideshow background to white" http://en.forums.wordpress.com/topic/change-slideshow-background-to-white#post-1040516 Mon, 15 Oct 2012 05:59:05 +0000 karenjakobsen100 1040516@http://en.forums.wordpress.com/ Thank you so much!

]]> designsimply on "Change slideshow background to white" http://en.forums.wordpress.com/topic/change-slideshow-background-to-white#post-1038780 Sat, 13 Oct 2012 00:42:41 +0000 designsimply 1038780@http://en.forums.wordpress.com/ To remove the black border and background from the WordPress.com slideshow feature, add this to your Appearance → Custom Design → CSS editor:

.slideshow-window {
	background-color: inherit;
	border: inherit;
}
]]> karenjakobsen100 on "Change slideshow background to white" http://en.forums.wordpress.com/topic/change-slideshow-background-to-white#post-1034960 Tue, 09 Oct 2012 06:31:36 +0000 karenjakobsen100 1034960@http://en.forums.wordpress.com/ Hi,
Is it possible to change the background of the slideshow to white? I could only find this: .slideshow-window {background-color:#fff!important;} which does change the background to white but a black frame still remains. Is it possible to remove the black entirely?
Thank you very much in advance.

]]> isabelashdown on "Slideshow in Twenty Eleven" http://en.forums.wordpress.com/topic/slideshow-in-twenty-eleven#post-917550 Mon, 18 Jun 2012 08:23:50 +0000 isabelashdown 917550@http://en.forums.wordpress.com/ Do you know if there's also a way to move the slideshow to the right hand side so I can insert text to the left? Here's the page I'm trying to adjust: http://isabelashdown.com/ Thank you :)

]]> isabelashdown on "Slideshow in Twenty Eleven" http://en.forums.wordpress.com/topic/slideshow-in-twenty-eleven#post-917534 Mon, 18 Jun 2012 06:58:17 +0000 isabelashdown 917534@http://en.forums.wordpress.com/ Yay! You're brilliant - thanks so much :)

]]> designsimply on "Slideshow in Twenty Eleven" http://en.forums.wordpress.com/topic/slideshow-in-twenty-eleven#post-917282 Sun, 17 Jun 2012 23:22:32 +0000 designsimply 917282@http://en.forums.wordpress.com/ To remove the black border and background from the WordPress.com slideshow feature, add this to your Appearance → Custom Design → CSS editor:

.slideshow-window {
	background-color: inherit;
	border: inherit;
}
]]> isabelashdown on "Slideshow in Twenty Eleven" http://en.forums.wordpress.com/topic/slideshow-in-twenty-eleven#post-916386 Sat, 16 Jun 2012 19:33:14 +0000 isabelashdown 916386@http://en.forums.wordpress.com/ I've just upgraded to CSS for my twenty eleven theme. I want to add a slideshow to my homepage, but don't like the big black surround it comes with. Anyone know if it's possible to remove the surround altogether? Many thanks for any help! ( for http://www.isabelashdown.com )

]]>