XF 1.2 Opacity in @content

[BassMan]

I can change the colours in style properties/general/content/background color and it looks how it looks.

But if I put the opacity in the css box, the whole forum looks transparent. I want only the @content area to be affected, like changing the colours.

I was trying with this in EXTRA.css, but it's not ok:

#content {
opacity: 0.95;
}

How can I achieve that?

 

[Russ]

Are you trying to achieve a slightly transparent BACKGROUND? If so Style Properties -> General -> Page Content -> Edit the background there and add in some opacity there.

 

[BassMan]

I did, but here's the catch. If I edit the Page Content background color it looks nice, but when I add opacity the whole forum is affected (sidebar, avatars, posts etc.). I don't want that elements to be affected by opacity.

 

[BassMan]

Solved.

Added in EXTRA.css:

#content .pageContent {
background-color: rgba(252, 252, 255, 0.9);
}

 

[Russ]

I did, but here's the catch. If I edit the Page Content background color it looks nice, but when I add opacity the whole forum is affected (sidebar, avatars, posts etc.). I don't want that elements to be affected by opacity.

Just a heads up too if you put the opacity: 0.95 into extra it will have that effect, however if you edit the actual background color, the highlighted green box can add transparency into the color.




Just a FYI as it's easy to-do with XenForo style properties

 

[Amaury]

Just a heads up too if you put the opacity: 0.95 into extra it will have that effect, however if you edit the actual background color, the highlighted green box can add transparency into the color.

View attachment 63858


Just a FYI as it's easy to-do with XenForo style properties

Since we're discussing transparency, despite having everything in the color palette set to one (no transparency) why do the popup menus, such as when hovering over your name, still have a little transparency?

 

[Russ]

Since we're discussing transparency, despite having everything in the color palette set to one (no transparency) why do the popup menus, such as when hovering over your name, still have a little transparency?

XF by default chose to do that, check the xenforo_popup.css:

.Menu .primaryContent
{
   background-color: {xen:helper rgba, @primaryContent.background-color, 0.96};
}

.Menu .secondaryContent
{
   background-color: {xen:helper rgba, @secondaryContent.background-color, 0.96};
}

 

[Amaury]

XF by default chose to do that, check the xenforo_popup.css:

.Menu .primaryContent
{
   background-color: {xen:helper rgba, @primaryContent.background-color, 0.96};
}

.Menu .secondaryContent
{
   background-color: {xen:helper rgba, @secondaryContent.background-color, 0.96};
}

Just change 0.96 to 1 and it'll be good to go, right?

 

[mistypants]

For reference, in CSS opacity will affect everything within that div--so if you specify a lowered opacity the background will be semi-transparent, but so will all the text inside of it. If you're looking to just make the background semi-transparent, you should use rgba (which you figured out ).

Most people use opacity to create hover effects or some such, imo it's not really good for much else (but you should of course be creative with it!).

 

[Amaury]

For reference, in CSS opacity will affect everything within that div--so if you specify a lowered opacity the background will be semi-transparent, but so will all the text inside of it. If you're looking to just make the background semi-transparent, you should use rgba (which you figured out ).

Most people use opacity to create hover effects or some such, imo it's not really good for much else (but you should of course be creative with it!).

Since you brought it up, I know in RGB that R is red, G is green and B is blue, but in RGBA, but what is A?

 

[Paul B]

Alpha

http://en.wikipedia.org/wiki/RGBA_color_space

 

[BassMan]

For reference, in CSS opacity will affect everything within that div--so if you specify a lowered opacity the background will be semi-transparent, but so will all the text inside of it. If you're looking to just make the background semi-transparent, you should use rgba (which you figured out ).

Most people use opacity to create hover effects or some such, imo it's not really good for much else (but you should of course be creative with it!).

Your right. I've decided not to use opacity in background. I doesn't look to good for me too.

Thanks for help to all who envolved in this thread.