1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Disable transparency on menu items

Discussion in 'Styling and Customization Questions' started by imthebest, Aug 22, 2014.

  1. imthebest

    imthebest Formerly Super120

    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?
     
  2. Amaury

    Amaury Well-Known Member

    Code:
    .Menu .primaryContent {
      background-color: red !important;
    }
    Code:
    .Menu .secondaryContent {
      background-color: red !important;
    }
     
  3. imthebest

    imthebest Formerly Super120

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

    Amaury Well-Known Member

    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.
     
  5. imthebest

    imthebest Formerly Super120

    Isn't this possible changing a style property?
     
  6. Amaury

    Amaury Well-Known Member

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

    imthebest Formerly Super120

    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!
     
  8. Amaury

    Amaury Well-Known Member

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

    Code:
    .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.
     
  9. BassMan

    BassMan Well-Known Member

    Try with this:

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

Share This Page