XF 1.4 Disable transparency on menu items

[imthebest]

When I put my mouse over 'Super120', Inbox, Alerts I get the contents displayed but there is a transparency on that small window that shows your notifications, conversations and so.

How I can disable that transparency?

 

[Amaury]

.Menu .primaryContent {
  background-color: red !important;
}

.Menu .secondaryContent {
  background-color: red !important;
}

 

[imthebest]

Should I add that to EXTRA.css?
It looks like the code provided by you will change background to red?

 

[Amaury]

Should I add that to EXTRA.css?
It looks like the code provided by you will change background to red?

Yes.

Change the color to whatever you want. I just used @primaryLightest for the primary content and @contentBackground for the secondary content on KH-Flare.

 

[imthebest]

Isn't this possible changing a style property?

 

[Amaury]

Isn't this possible changing a style property?

There are style properties for the popup menus, but the opacity is hard-coded in the template for that area.

 

[imthebest]

I tried your code but the transparency is still there...
I just want to get rid of the transparency not change the colors... any idea please? Thanks!

 

[Amaury]

I tried your code but the transparency is still there...
I just want to get rid of the transparency not change the colors... any idea please? Thanks!

Make the colors the same, then, but that should have worked. Although I did forget one piece of CSS for that area:

.Menu .sectionFooter {
    background-color: red !important;
}

That'll make the footer fully opaque as well.

If you want to provide me with a test account to your site, I can take a look.

 

[BassMan]

Try with this:

.Menu .primaryContent {
background-color: #fcfcff;
}