Header Image Brightness

  • richdolby

    (@richdolby)


    7 years, 4 months ago

    I am using the Hero widget. I have uploaded an image to my media library, but when I use it as my header image it does nor have the brightness of the original image.

    I am a newbie, and have tried to Google a solution – coming up with and Advanced CSS Editor code:

    #header-image img{-webkit-filter: brightness(1.0);}

    I have tried this, but it makes not difference to the image brightness….

    Help!!!

    http://aerobaticbiplane.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • Atul

    (@atul1280)

    7 years, 4 months ago

    Try this:

    .site-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
    Thread Starter richdolby

    (@richdolby)

    7 years, 4 months ago

    Brilliant – literally – thank you!!

    What codes are there, apart from ‘none’ to modify the image??

    http://aerobaticbiplane.com

    I love my header image, but it’s a b#gger to get enough contract with the txt for the txt to be readable – I just need to tone down the header image slightly. I’ve played around with background colours and different txt colours, but it’s to achieving the desired look.

    • This reply was modified 7 years, 4 months ago by richdolby.
    • This reply was modified 7 years, 4 months ago by richdolby.
    Thread Starter richdolby

    (@richdolby)

    7 years, 4 months ago

    Ok, I have solved the issue by editing the original header photo – happy now with the result – thanks again for your help!!

    martin136

    (@martin136)

    7 years, 3 months ago

    The Code doesn’t work for me.
    In the style.css there’s no box-shadow in .site-header class

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