WordPress.com Forums » Tag: transparency - Recent Posts http://en.forums.wordpress.com/tags/transparency WordPress.com Forums » Tag: transparency - Recent Posts en Thu, 20 Jun 2013 01:00:18 +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?

]]> renaissancekate on "Transparency in Header" http://en.forums.wordpress.com/topic/transparency-in-header#post-1240715 Wed, 24 Apr 2013 16:58:30 +0000 renaissancekate 1240715@http://en.forums.wordpress.com/ Thank you for your answer.

So there is no way to upload an image to use in the heading unless you want a white background? Or pay for the custom design upgrade?

]]> thesacredpath on "Transparency in Header" http://en.forums.wordpress.com/topic/transparency-in-header#post-1240641 Wed, 24 Apr 2013 16:25:51 +0000 thesacredpath 1240641@http://en.forums.wordpress.com/ If you had the custom design upgrade, this can be fixed with CSS. The header area has a white background color declared. Your image is fine. It is the background of the header area.

]]> renaissancekate on "Transparency in Header" http://en.forums.wordpress.com/topic/transparency-in-header#post-1240622 Wed, 24 Apr 2013 16:12:19 +0000 renaissancekate 1240622@http://en.forums.wordpress.com/ I created a header in Photoshop CS 5. I made it 820 by 250 pixels. I made sure the background was transparent. I added text to new layers. I saved the file as a .gif (then as a .png when that didn't work). I made sure that the transparency box was checked when I saved it. I uploaded the header, but it is still showing with a white background. Help, please!

]]> lottiemonk on "css, background image, wrapper" http://en.forums.wordpress.com/topic/css-background-image-wrapper#post-1224817 Mon, 15 Apr 2013 14:07:21 +0000 lottiemonk 1224817@http://en.forums.wordpress.com/ thankyou!

]]> justpi on "css, background image, wrapper" http://en.forums.wordpress.com/topic/css-background-image-wrapper#post-1224803 Mon, 15 Apr 2013 14:00:28 +0000 justpi 1224803@http://en.forums.wordpress.com/ Paste this in the CSS editor:
#page {
opacity: 0.86;
filter:alpha(opacity=86);
}
Change the number to adjust the degree of transparency (higher number = less transparent).
Note: the filter rule is the same thing with the other one, just for older versions of Explorer.

]]> lottiemonk on "css, background image, wrapper" http://en.forums.wordpress.com/topic/css-background-image-wrapper#post-1224694 Mon, 15 Apr 2013 12:46:47 +0000 lottiemonk 1224694@http://en.forums.wordpress.com/ I'm new to coding altogether but was wondering how to get an image at each side of main content which I have made a wrapper.

I would like a white middle part with slight transparency that shows my background image through and then solid image at the sides.

Can someone help!

]]> debbiekenny on "Transparent Image not Showing in Internet Explorer (2nd Try)" http://en.forums.wordpress.com/topic/transparent-image-not-showing-in-internet-explorer-2nd-try#post-1207867 Wed, 03 Apr 2013 19:37:19 +0000 debbiekenny 1207867@http://en.forums.wordpress.com/ I removed the background image for now and replaced it with a white background.

]]> thesacredpath on "table transparency" http://en.forums.wordpress.com/topic/table-transparency#post-1198332 Thu, 28 Mar 2013 04:01:24 +0000 thesacredpath 1198332@http://en.forums.wordpress.com/ This is the basic way of adding a background color to a table: You add a style declaration to the opening table tag.

<table style="background-color: #CC0000;">

]]> thesacredpath on "table transparency" http://en.forums.wordpress.com/topic/table-transparency#post-1198316 Thu, 28 Mar 2013 03:52:08 +0000 thesacredpath 1198316@http://en.forums.wordpress.com/ Do you have a table published on your site that we can take a look at? Setting a background for the table is definitely doable, but I like to work on one of yours via Firebug so that I can make sure it will work correctly.

]]> chinadolltat2 on "table transparency" http://en.forums.wordpress.com/topic/table-transparency#post-1198251 Thu, 28 Mar 2013 02:33:42 +0000 chinadolltat2 1198251@http://en.forums.wordpress.com/ is there away to change either the background of the tables or the transparency?

]]> timethief on "Put navigation bar in header image on Twenty Eleven" http://en.forums.wordpress.com/topic/put-navigation-bar-in-header-image-on-twenty-eleven#post-1196428 Tue, 26 Mar 2013 21:09:00 +0000 timethief 1196428@http://en.forums.wordpress.com/ @earthlinked
Which blog are your referring to? There is no blog linked to your username.

]]> earthlinked on "Put navigation bar in header image on Twenty Eleven" http://en.forums.wordpress.com/topic/put-navigation-bar-in-header-image-on-twenty-eleven#post-1196425 Tue, 26 Mar 2013 21:06:22 +0000 earthlinked 1196425@http://en.forums.wordpress.com/ Thanks so much to both of you who saved me loads of time. I wanted to move the nav menu above the image and lose the background which I was able accomplish with your code and minor changes shown below. Was also able to lose the box shadow that showed up in Firefox and IE without editing image files:
#access {
	margin-top: -325px;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
 }
]]> macmanx on "Transparent Image not Showing in Internet Explorer (2nd Try)" http://en.forums.wordpress.com/topic/transparent-image-not-showing-in-internet-explorer-2nd-try#post-1189104 Wed, 20 Mar 2013 23:06:04 +0000 macmanx 1189104@http://en.forums.wordpress.com/ Ok, I see the problem now. Oddly enough, it's fully transparent for me in IE 9 and full opaque white in IE 10.

We're looking into this.

]]>