mnatseah624

Don’t know how to delete this extra post.

Don’t worry. I just solved it by combining your code with Three Sons. Like this:
header#masthead::before {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
opacity: .5; z-index: -1;
}
Works great in the Additional CSS.

Thanks, Job. OK, I get it. You’re adding the code to the parent stylesheet. (I didn’t realize you could do that to my site ?? ). I’m not there yet. I just add to the additional CSS panel.
Yes, I’m aware of the problem of it tinting out the site title. I just replied to that. Can I add that z-index thing to the additional CSS code that I got from Three Sons so it won’t tint out the title.

Many thanks to both of you.
(1) The code of Three Sons did a great job tinting the header. But it tinted the site title along with it. Is there a way round this?
(2) Thanks to Three Sons for the tip on the relation between parent and child pages. I’ve sorted it with that.
(3) Thanks to Job for the code tips. Is this what you were suggesting?…
.woocommerce-breadcrumbs{display:none} or
.storefront-breadcrumbs{display:none}
I’m afraid neither of these work. Any other ideas?

Thanks Job, I’m afraid that didn’t work. But @threesons sent me another code which did it. Like this:

header#masthead::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: .5;
}

Yes, I’m learning CSS, but slowly. I’m happier with html.

Thanks, Jacob. I think I noticed the same thing since I posted. I saw that https://www.www.remarpro.com was now showing without www. And a couple of other sites too. So thanks for the explanation.

I’ve another question. I’d like to have a darker color tint on my masthead image. I’ve come to Storefront from Twenty Nineteen, which had that option. But I’m not seeing it in Storefront. Does anyone know where to find it?

Thanks to Three Sons for his great advice.