Code to set semi-transparent background in body containers?

[Argo]

Alright, does anyone know the code to set a semi-transparent background in body containers like in the theme in the link below?
TES:Chronicles

And the location of placement in a CSS would be nice too, as I have no clue where to put it and by no means a coder. If it is helpful, I can supply a link to the theme I am wanting to add it to.

[Tumbleweed]

May 8, 2015 19:38:20 GMT -8 Argo said:

Alright, does anyone know the code to set a semi-transparent background in body containers like in the theme in the link below?
TES:Chronicles

And the location of placement in a CSS would be nice too, as I have no clue where to put it and by no means a coder. If it is helpful, I can supply a link to the theme I am wanting to add it to.

I can't really see by looking at the image provided with that theme that anything is semi-transparent. I have found that making post containers where there is a lot of text to be read is not always easy on the eyes if there is a distracting background showing through.

But for example, if you wanted your title boards semi-transparent you'd just add this to the bottom of your style sheet:

/* semi transparent title bars */

.container > .title-bar > {
background: rgba(255, 255, 255, 0.4); 
}

To add to your style sheet go to: Admin > Themes> Advanced Styles & CSS> Style Sheet

To convert a hex color to rgb you can go here:

www.javascripter.net/faq/hextorgb.htm

The .4 is how transparent you want it. .9 would be nearly opague and .1 would be nearly transparent.

If you let us know what exactly you want transparent I'm sure we can help.

[Argo]

Yes, that is almost exactly what I need! Thank you! However, I would like it like this theme has it. It's basically the same one from above but on my site.

emodia.freeforums.net/

[T.C.]

It looks like they have a background color and a set opacity level to achieve that effect.

Try placing this at the bottom of your stylesheet

@-moz-document url-prefix(){select{padding:4px 2px;} .ui-search .search-filters-button{padding-left:6px;} .ui-tabMenu ul li{height:27px;}}media only handheld{textarea{font-size:2em;}}#wrapper{background-color:#1f1f1f;margin-bottom:10px;padding:1.3em;opacity:0.92;}

[Argo]

Thank you very much! I think that pretty much did it!