🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Color overlay header background image

Home Forums Support Color overlay header background image

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1142310
    Radek

    Hi, is there an CSS (or some) way to make semitransparent color overlay for header background image (set by customizer), that will have no effect to web logo ? For better understandig: only customizer is used (not Elements) and layers from bottom must be: header background image / semitransparent color overlay / web logo (image or website name+description).

    #1142462
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .inside-header {
        position: relative;
        z-index: 1;
    }
    
    .site-logo:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: -1;
    }
    #1142475
    Radek

    Soooooo simple if you know how 🙂
    Thanx a lot

    #1142480
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.