Black fadeout under the logo

Hi.

How can i add a black fadeout under the logo, so that it would be more visible?
Site:

Hello @topa,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

img.site-logo {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.5);
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

@Roman

Hey, how to make it full page wide?
Currently its only behind the logo.

Hello @topa,

You asked it for logo. Please try to use this CSS code instead of previous:

img.site-logo {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px 5000px rgba(0, 0, 0, 0.5);
}

Kind Regards, Roman.

@Roman

Yes, that previous one worked for the logo.
This recent one covers the whole page, i am trying to get it start from the top of page and only last for bottom of the logo.

I mean like it should be full page wide, but not cover the whole page.
Only the top, and from top the fadeout should last to the bottom of the logo.

Sorry for hassle.

Hello @topa,

Please try to use this CSS code instead of previous:

div.header-wrap {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.5);
}

Kind Regards, Roman.

@Roman

Thank you!
That worked.

You are welcome @topa! :slight_smile:

Kind Regards, Roman.