Support » Theme: Juliet » Header image brightness

  • Resolved dubareid


    I am using the Juliet Theme. And, by default, the header image is a little darker once uploaded. Is there a way to make it brighter, or to ‘turn off’ the darkness that is added to the header image?
    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • hey, @dubareid

    To do that, go to Appearance → Customize → Additional CSS and enter the following code:

    .frontpage-banner:before {
      opacity: 0.1;

    or if you want to turn off the darkness add below css code:

    .frontpage-banner:before {
      opacity: 0;

    Let me know if that does it.
    Thank you.

    Hi @dubareid

    Instead of adding CSS you can also disable header overlay in Appearance → Customize → Front Page → Banner / Slider section by turning off the “Show Color Overlay/Filter?” option


    Thanks for the help! I changed it according to the suggestion by @jarektheme
    It worked great! Thanks to both of you for your input!

    Only a pleasure 😃
    @dubareid Could you mark the thread as resolved when you find some time?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header image brightness’ is closed to new replies.