• Resolved lmurray_daboss

    (@lmurray_daboss)


    Hi, folks,

    I’ve been trying to make the backgrounds for the drop down menus opaque instead of transparent in the Business Identity theme for one of my clients, and no matter what I do in the CSS, nothing changes for that. I can change the colours when I mouseover, but not change the default background of the drop down menus to any kind of colour — which is actually having the effect of rendering the dropdown menus invisible until you click on an item in the apparently empty menu box.

    Anyone able to point me in the right direction to correct this?

    Many thanks!

    Leah Murray

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please make sure you link to the Webpage you’re referring to

    Thread Starter lmurray_daboss

    (@lmurray_daboss)

    Oops, sorry Andrew!!

    It’s https://www.cricklewood.ca/wp/.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You are missing the hash character before the hexadecimal colour code. You had this:

    .main-navigation ul ul {
        ...
        background: ffffff;
    }

    Instead of:

    .main-navigation ul ul {
        ...
        background: #ffffff;
    }

    Thread Starter lmurray_daboss

    (@lmurray_daboss)

    Andrew, you are brilliant! Bless you and thank you — and how did you know that so quickly???

    All working now!

    Thanks a million!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I use the Chrome browser. In Chrome, you can right click on parts of the page and select “Inspect element”. Then you’re given a toolbar showing the element in a snippet of HTML (that represents the Webpage) and in a snippet of CSS along the right-hand side (that represents styled applied to the element)

    Thread Starter lmurray_daboss

    (@lmurray_daboss)

    Ah, I see — I also use Chrome, but only started with it recently, and while I knew about the inspect element functionality, I wasn’t sure WHICH element to be looking at entirely.

    I’ll make better use of that from now on — thank you for the lesson and the big assist!

    Leah M.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Business Identity] Menu backgrounds transparency won't shut off’ is closed to new replies.