Okay
  Public Ticket #2465806
header pic overlay
Closed

Comments

  • jamminjames started the conversation

    There seems to be an overlay on the header pics for post pages, making the pictures darker. I can't find a way to manipulate it via CSS, nor in the theme settings. I'd like to lighten it. How can I do that? Thank you.

  • sierramyers13 replied

    Try this in your CSS on the post page. 

    .single-post #page-header-bg[data-post-hs="default_minimal"] .page-header-bg-image:after {

    background-color: #2d2d2d00;
    opacity: 0.4;

    }

    If that doesn't work inspect your element and find the css that controls the header. Change the hex code to #2d2d2d00; and copy the css into the css section of your post page. 

  • jamminjames replied

    Thanks, that did it, with the '!important;' flag added.

  •  2,979
    Andrew replied

    Hi there,

    Use the following custom css to remove the overlay:

    .single-post #page-header-bg[data-post-hs="default_minimal"] .page-header-bg-image:after {
        background: transparent;
    }
    

    Kind regards.

  • jamminjames replied

    Actually, I did find the settings finally in the theme settings: Salient Options/Blog/Styling: Blog Header Overlay Color and Blog Header Overlay Opacity.

  •  2,979
    Andrew replied

    Hi there,

    Glad you try that option and cleared the issue. Feel free to reach back should you run into any issue.

    Thanks.