MyBB Community Forums
How to make Forum Transparent. - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: How to make Forum Transparent. (/thread-177822.html)



How to make Forum Transparent. - Each - 2015-09-06

Hello,
I have added a background for my Forum, and now i want to make the Forum Transparent so users can see the background picture behind the forum. I would like to know how to do this. Thanks Smile


RE: How to make Forum Transparent. - avril - 2015-09-06

Link to page youre talking about could help.


RE: How to make Forum Transparent. - Each - 2015-09-06

Nvmmmm


RE: How to make Forum Transparent. - eNvy - 2015-09-06

(2015-09-06, 02:50 PM)Each Wrote: Hello,
I have added a background for my Forum, and now i want to make the Forum Transparent so users can see the background picture behind the forum. I would like to know how to do this. Thanks Smile

Search every element you want to style, and change the background color for this property:

background: rgba(red (from 0 to 255), green (from 0 to 255), blue (from 0 to 255), opacity (from 0 to 1));

Example: Black transparent background

background: rgba(0, 0, 0, 0.5);

Cheers.


RE: How to make Forum Transparent. - Each - 2015-09-06

(2015-09-06, 03:09 PM)eNvy Wrote:
(2015-09-06, 02:50 PM)Each Wrote: Hello,
I have added a background for my Forum, and now i want to make the Forum Transparent so users can see the background picture behind the forum. I would like to know how to do this. Thanks Smile

Search every element you want to style, and change the background color for this property:

background: rgba(red (from 0 to 255), green (from 0 to 255), blue (from 0 to 255), opacity (from 0 to 1));

Example: Black transparent background

background: rgba(0, 0, 0, 0.5);

Cheers.

What do u mean? What do i have to edit?


RE: How to make Forum Transparent. - eNvy - 2015-09-06

(2015-09-06, 03:15 PM)Each Wrote:
(2015-09-06, 03:09 PM)eNvy Wrote:
(2015-09-06, 02:50 PM)Each Wrote: Hello,
I have added a background for my Forum, and now i want to make the Forum Transparent so users can see the background picture behind the forum. I would like to know how to do this. Thanks Smile

Search every element you want to style, and change the background color for this property:

background: rgba(red (from 0 to 255), green (from 0 to 255), blue (from 0 to 255), opacity (from 0 to 1));

Example: Black transparent background

background: rgba(0, 0, 0, 0.5);

Cheers.

What do u mean? What do i have to edit?

Each class in the Global.css that you want to have the transparent background.


RE: How to make Forum Transparent. - Each - 2015-09-06

Yeah but I want the full Forum to be Transparent.


RE: How to make Forum Transparent. - avril - 2015-09-06

at the end of global.css

#container {
    background: none !important;
}
#content {
    background: none rgba(0, 0, 0, 0.1) !important;
}

or just

.wrapper, #container, #content {
    background: none !important;
}