CSS code won't work on some background colors


#1

I have used the code below to change the background color in my headers but it works on every page but my blog page. The blog just ignores the color even though I used the correct page id number (213). All of the other pages work fine but this one? http://butitsdigital.com/blog/

    .page-id-198 #masthead {
    	background-color: #ff183c;
    }
    .page-id-213 #masthead {
    	background-color: #ff183c;
    }
    .page-id-144 #masthead {
    	background-color: #ff183c;
    }
    .page-id-480 #masthead {
    	background-color: #595959;
    }
    .page-id-490 #masthead {
    	background-color: #595959;
    }
    .page-id-493 #masthead {
    	background-color: #595959;
    }

#2

Hello there,

For blog page, you can use .blog selector.

    .blog #masthead {
    	background-color: #ff183c;
    }

Regards,
Kharis


#3

that worked, thanks

but now I tried my website on my google chrome on my Android phone and the home page has a black header when every other page has red header and as well as that, the links on the mobile menu are pink like the demo page for the theme, how do I change the mobile css?


#4

nevermind, I got it using

@media (max-width: 1199px) {
  .page-id-4 #masthead {
    background-color: #ff183c !important;
  }
}