Header image brightness

  • Resolved dubareid

    (@dubareid)


    5 years, 9 months ago

    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)
  • Anonymous User 16453565

    (@anonymized-16453565)

    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

    Best

    Thread Starter dubareid

    (@dubareid)

    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.

Tags