Way to prevent shading of header image?

  • Unknown's avatar
    imaginethenvote2018 · Member ·

    When I organize my page on the customizer I like how my image looks. When I go to preview the page, the image gets shaded over and the sub text moves up. But when I view the tablet or mobile version of my site, it is the way I like it. Is there a way to make the tablet version the same as the desktop version? I like it better when the image is not darker.

    The blog I need help with is: (visible only to logged in users)

  • hacchism · Staff ·

    Hi there,

    In order to get rid of the gray header overlay for the PC version, you need to have the Premium plan or the Business plan. If you have those paid upgrades already, you can use the following CSS code to get rid of the gray header overlay through Custom CSS feature.

    @media screen and (min-width: 50em) { 

.header-overlay:before {
		background: none;
}
.site-description {
    color: #193920;
}

}

    If you haven’t upgraded your site to those plans, please check here. Then you will know what kind of benefits you can get with those paid upgrades.

    I hope this information helps you.
    Thanks.

  • The topic ‘Way to prevent shading of header image?’ is closed to new replies.