ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• January 29, 2017 at 7:00 pm #311750
  GustavsK

  Member

  Post count: 1

  Hello,

  I ran into a problem when making my very first WP site.

  I am trying to make submenu background 80% transparent, but I have problems figuring out the right CSS code.

  I tried to use this css code to no result:

  #header ul.sub-menu { background: rgba(255,255,255,0.8) !important; }

  Many thanks in advance!

  Attachments:

  You must be logged in to view attached files.
  January 31, 2017 at 11:47 am #312001
  David Martin – Support

  Moderator

  Post count: 20834

  Please add this to Theme Options => Custom CSS:

  ul.mega-sub-menu {
      background: rgba(34, 73, 37, 0.8)!important;
  }

  You need to clear your caching plugin.

  January 31, 2017 at 8:01 pm #312101
  GustavsK

  Member

  Post count: 1

  Hello,

  I cleared all of the caches and added the code,

  It does not work for the live version of the site.

  For custom CSS/JS code it gives me 2 warnings:

  1) element ul.mega-sub-menu is overqualfied, just use mega-sub-menu without the element name
  2)Fallback background (hex or RGB) should precede RGBA background. Use of !importnant

  It works fine for my local host site, before I used W3 total cache to minimize CSS and html, enabled cache.

  Could minimizing be the cause of the problem?

  January 31, 2017 at 8:22 pm #312106
  David Martin – Support

  Moderator

  Post count: 20834

  If it works fine on the local host, one of your plugins will be causing the issue.

  You can ignore the CSS warnings.

• Back to forum

  Posted in: Uplift