Child CSS not overriding parent

  • Hello. I am very new to WP and have hit quite a road block in regard to editing CSS in my child site. What I am trying to do is simply make the background of the navigation bar clear and the .menu { is not overriding the parent stylesheet in this case.

    The site is https://69.195.124.139/~newtonbr/

    The CSS in my child stylesheet is:
    .menu {
    background-color: #FFFFFFF;
    background-image: none;
    clear: both;
    margin: 0 auto;
    }

    But in Firebug, it still states that the CSS is:
    .menu {
    background-color: #585858;
    background-image: -moz-linear-gradient(center top , #585858, #3D3D3D);
    clear: both;
    margin: 0 auto;
    }

    I’m not sure why it is not overriding it. Any help is greatly appreciated!

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey newtonbrand,

    I took a look at your child theme stylesheet and didn’t see a background colour specified, only:

    .menu {
    background-image: none;
    clear: both;
    margin: 0 auto;
}

    The custom css changes you have shows up for me though. Perhaps try clearing your cache? That might help if you’ve been working on it for a while and refreshing a lot.

    Hope that helps, let me know how it goes ??

    right now, I see in the child theme:

    .menu {
	background-color: none;
	background-image: none;
	clear: both;
	margin: 0 auto;
}

    try:
    background-color: transparent;

    Thread Starter newtonbrand

    (@newtonbrand)

    Hey Alchymyth – Transparent did the trick! Thanks very much for your help. I was battling that for a while.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Child CSS not overriding parent’ is closed to new replies.