- This topic has 3 replies, 2 voices, and was last updated 3 years, 7 months ago by
.
-
Posts
-
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.
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,
PsinkHi 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 youHello @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
- You must be logged in to reply to this topic.
