Home Forums Free Themes Pet Business Customizing Tint Overlay on Header Images – Pet Business Theme

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #141609
    chgdvm
    Participant

    Hi – 6 months ago I was able to reduce the dark tint overlay on the main image headers (image that shows at top of webpages on website). The default overlay is too dark. When I go into Customize area, I am now not able to select the images with dark screen overlays – I need to adjust to a lighter tint. Can someone tell me how to do this? I did this about 6 months ago, and I remember in Customize I selected CSS area, but now I do not get the same options.

    #141619
    Psink
    Keymaster

    Hello @Chgdvm

    Is it a header image of blogs/archive page or the slider of the homepage? Please send me your site URL, we will provide you a few CSS codes to reduce overlay over the image.

    Regards,
    Psink

    #141655
    chgdvm
    Participant

    Hi Psink – website: isdvma.org
    See large header images that load randomly at the top of the page; they are too dark. I am trying to once again reduce the dark tint overlay on these images, and other images throughout the website. I did it with Bluehost’s tech support person 6 months ago but they will not help no; for some reason. They completed a few steps in Customize Theme where they used a WYSIWYG interface (with a slider that managed the tint) instead of adding CSS code. I cannot now duplicate the steps they took in Pet Business Theme for some reason. Also can you lmk if there is a Free Pet Business Pro theme I can upgrade to? We are looking for increased functionality – adding a private members page and login/registration/user roles.Thank you

    #141676
    Psink
    Keymaster

    Hello @CHGDVM

    yes, header images have a little bit of dark overlay. Please add below CSS code in the theme to make it lighter

    #page-site-header .overlay {
        opacity: 0.2;
    }
    

    Please Go To Admin Panel >> Appearance >> Customize >> Additional Css, There you can paste above CSS then published and refresh, you will see change

    Hope this helps

    Regards,
    Psink

    • This reply was modified 3 weeks, 5 days ago by Psink.
    • This reply was modified 3 weeks, 5 days ago by Psink.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.