Transparent Gradient Behind Header

Here it is.

27 minutes ago, Justen said:

Here it is.

 

[data-section-id="5e3bc9210f963716337a1bb2”], [data-section-id="5e22649f6810047965982a25”], [data-section-id="5e1af04c4ea7cf33bb5bca39"], [data-section-id="5e16cc2389782e64aa5a3a50”], [data-section-id="5e1af0c43d0fa72e53dc2bbf"], [data-section-id="5e1d3030b387c1091da2db61"], [data-section-id="5e1d33c3595ea63874d61c7a”], [data-section-id="5e1d348558335752f830f707"], [data-section-id="5e16b4cbabf5593c934d4460"], [data-section-id="5e16b4e05c0f5f1d47c0801d"], [data-section-id="5e16b4f5dc9fd475fcea69df"], [data-section-id="5e1e5120f7c6f25343a289e2"], [data-section-id="5e1599f01508dc7f6dc46fe4"], [data-section-id="5e1e51e1408e262d95827740"], [data-section-id="5e1e51e0408e262d95827616"], [data-section-id="5e96b667be50c65fece7a21f"], [data-section-id="5e96bc3b53790b6f9eeff160"], [data-section-id="5e96bfc08f491f550d46079d"], [data-section-id="5e96c17ad2c16745eb2e37e0"], [data-section-id="5e96c42e40331b0020a1e3ae"], [data-section-id="5e96c430b990fc5b6c542d5e"] .section-background:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 10000;

    background-image: linear-gradient(to bottom,#182043 0%, #182043 7%,transparent 27%);

}

You want to do this for the banner on all pages?

If yes, try this CSS

#page section:nth-child(1) .section-background:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-image: linear-gradient(to bottom,#182043 0%, #182043 7%,transparent 27%);
}

@tuanphan

Almost all, but technically not every page.  The blog pages do not have it at the top so it's all the pages except the blog article pages.

Hi @tuanphan, can you tell if there is anything wrong with the code?  

Unfortunately it's on most pages, but not all.

Hi @tuanphan, just checking to see if you could tell what is causing the error in that code for multiple section ids?  I think I had it exactly as you mentioned but for some reason it keeps giving me the error.  I tried everything I could think of to troubleshoot on my own but nothing has solved it.  Thanks.

[data-section-id="5e3bc9210f963716337a1bb2”], [data-section-id="5e22649f6810047965982a25”], [data-section-id="5e1af04c4ea7cf33bb5bca39"], [data-section-id="5e16cc2389782e64aa5a3a50”], [data-section-id="5e1af0c43d0fa72e53dc2bbf"], [data-section-id="5e1d3030b387c1091da2db61"], [data-section-id="5e1d33c3595ea63874d61c7a”], [data-section-id="5e1d348558335752f830f707"], [data-section-id="5e16b4cbabf5593c934d4460"], [data-section-id="5e16b4e05c0f5f1d47c0801d"], [data-section-id="5e16b4f5dc9fd475fcea69df"], [data-section-id="5e1e5120f7c6f25343a289e2"], [data-section-id="5e1599f01508dc7f6dc46fe4"], [data-section-id="5e1e51e1408e262d95827740"], [data-section-id="5e1e51e0408e262d95827616"], [data-section-id="5e96b667be50c65fece7a21f"], [data-section-id="5e96bc3b53790b6f9eeff160"], [data-section-id="5e96bfc08f491f550d46079d"], [data-section-id="5e96c17ad2c16745eb2e37e0"], [data-section-id="5e96c42e40331b0020a1e3ae"], [data-section-id="5e96c430b990fc5b6c542d5e"] {
.section-background:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-image: linear-gradient(to bottom,#182043 0%, #182043 7%,transparent 27%);
}
}

try this

or try this way

[data-current-styles*="homebgimg"] .section-background:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-image: linear-gradient(to bottom,#182043 0%, #182043 7%,transparent 27%);
}