backgrounds 1&2 opacity [RD]

[Welshling]

To get backgrounds 1 and 2, semi transparent I have tried adding opacity:.5; to the
@container_background_color_1: #141414;
and
@container_background_color_2: #141414;
areas, but it doesn't work. Am I supposed to be adding in a separate class, such as something along the lines of.

.container:opacity.5; or something?

Oh and if it helps, i've tried adding in !important to the above @ sections too. Craig
Thanks.

[Stinky666]

I'm pretty sure you need to specify an RGB, too.
So for example you need to give it the colour you want, then reduce its opacity. If you wanted white for example you'd do the following:

.container { background-color: rgba(255,255,255,0.5); }

White's RGB is R: 255, G: 255, B: 255
Then at the opposite end of the palette, if you wanted it to be black you'd change ALL of the 255's for 0's. So it'd be:

.container { background-color: rgba(0,0,0,0.5); }


In the above examples (both), the end part "0.5" is the opacity. 0 being full transparency, and 1 being a solid colour. 0.5 is "semi" or "half" transparent.

(RGB = Red, Green, Blue - A = Alpha, which is just transparency).


If you want your colour to be a specific colour and not just black or white with transparency, you can use websites such as:
www.color-hex.com/ or www.colorhexa.com/

Type in your HEX code and hit enter. It'll find your colour, then all you need to do is scroll down on either page slightly, and find "RGB Decimal". 

[Welshling]

Thanks Lovie.

EDIT: ok i can't get it to work. Stinky666

I have put in the rgb for the color i wanted, for background 1 and the piece of css you suggested above and its not altered the opacity or anything, that I can see.

[Stinky666]

What specifically are you trying to target?
ALL content/container windows?


.container > .content { background-color: rgba(0,0,0,0.1); }

Works fine for me.

[Welshling]

.container > .content { background-color: rgb(121,137,96,0.5); }

is what i have and its not altering in the preview. when i save and go to the homepage, nothing has altered.

backgrounds 1 and 2 (the boards)

EDIT: ok my bad, i missed the a out >.<

[Stinky666]

Oct 12, 2013 11:37:56 GMT -8 Welshling said:

.container > .content { background-color: rgb(121,137,96,0.5); }

is what i have and its not altering in the preview. when i save and go to the homepage, nothing has altered.

backgrounds 1 and 2 (the boards)

EDIT: ok my bad, i missed the a out >.<

Yeah it's important, since the 'a' is Alpha = transparency

[Welshling]

gotcha