Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Troublesome header

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #238772
    mcbridebr
    Participant

    Hi,

    I have a site that I am mocking up and could use some help. I have been tailoring it to my needs using Custom CSS. So far i’ve been doing well as I am very new to CSS.

    I have one area that is eluding me. The header. Its white and I want it to be black. I have tried f12 and searching for the right area of the style sheet to edit.

    It looks like it should be this…but its not working:

    .menu-holder {
    background-color: #000000;
    }

    The site is http://s446180894.onlinehome.us/

    Anyone have any idea what I am doing wrong?

    #238773
    Paulie_D
    Member
    @media screen and (min-width: 955px)
    .menu-holder {
        background: #fff;
        box-shadow: 0px 0px 2px rgba(60, 60, 60, 0.15);
        height: auto;
    }
    

    It’s in a style tag in the head of the page.

    #238774
    mcbridebr
    Participant

    Thanks for the reply Paulie.

    I tried that too earlier today, entering it into the custom CSS exactly as shown above but it still didn’t change the header color. Not sure if thats the correct syntax to use or not. But I tried it anyways.

    #238775
    Paulie_D
    Member

    Not sure what I can tell you. Use the developer tools that come with your browser…that’s what I found.

    Perhaps you have a caching issue…it worked when I changed it in Dev Tools

    #238776
    mcbridebr
    Participant

    Thanks for your time on it. I tried in dev tools to and it works. But when I make the change in the custom CSS it does nothing. Tried in multiple browsers. So I wonder if it is being overridden from somewhere else.

    I think you have be going in the right path.

    #238777
    Paulie_D
    Member
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.