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!