Changing Page Site Header image

Try as I might I just can’t do it!!

I am trying to change the image on the page-site-header. The default-image in my wp-content/themes folder has been changed to a plain white one (that’s why it has at least changed to a white image instead of the woman on the mobile phone!). I am trying to make the page-site-header image shorter… at least by half… and put my own images on each page.

I have been at this for weeks! It is driving me slowly insane…

I want the ‘hot off the press’ image on the homepage but I had to write additional CSS to remove it from the other pages (my pages are categories… not just pages).

These are the random Additional CSS that I have added.

#page-site-header .background-image {
display: none;
}
#page-site-header .overlay {
background-color: #ffffff;
opacity: 1;
}
.category-the_artist .section-title {
display: none;
}
.category-the_crafter .section-title {
display: none;
}
.category-the_foodie .section-title {
display: none;
}
.category-the_guru .section-title {
display: none;
}
.category-the_loved_one .section-title {
display: none;
}
.category-the_scanner .section-title {
display: none;
}
.category-the_scanner .section-title {
display: none;
}
.category-the_survivor .section-title {
display: none;
}
.category-the_transparent .section-title {
display: none;
}

Any help at all is GRATEFULLY received!!!!

Thanks xx Debs xx

The page I need help with: [log in to see the link]