Remove Header Image from a Static Home Page

Depending on how you got it setup find the class for the header image and do something like

{
.home .classofwhatyouwanttoremove {
display: none;
}

I dont see a header image in the demo or I would be able to help more.

I can’t seem to figure it out myself either. I keep seeing the code:

`img.header-image {
display: none; }’

That doesnt’ seem to work at all. I am just completely stuck here.

Try combining what you have with the home class:

body.home img.header-image {
   display: none;
}

Is your child theme working for other styling?

That didn’t work either.

Yes, I just copied some css from one of my other sites, and it make the change perfectly fine. Here is what I have for all of the .css in my child theme:

/*

Theme Name: Just Off Broadway
Description: Child theme based on Twenty Twelve designed for Just Off Broadway Dance Studio
Author: Christy Smith
Version: 0.0.1
Template: twentytwelve

*/

@import url('../twentytwelve/style.css');

.entry-header .entry-title {
    font-size: 1.57143rem;
    DISPLAY: none;

body.page-id-26 div#imagecontainer {display: none;}

body.home img.header-image {
   display: none;
}

Do you see any mistakes?

Yes, you are missing a closing bracket at the bottom of the first CSS declaration — after “DISPLAY: none;” Also, don’t use capital letters.

Thank you so much! It fixed it! I appreciate the help!