Viewing 5 replies - 1 through 5 (of 5 total)
  • Hey there bostondesignz,

    How are you doing today?

    I quickly checked the theme that you’re using and I’m not sure what are you referring to, would you mind posting link to your site where you have this background image and I’ll be happy to take a look and try to provide CSS to do this ??

    Best regards,
    Bojan

    Thread Starter bostondesignz

    (@bostondesignz)

    I’m using one pirate, the large background image is “darkened” by something, I can’t find it I the code. I want to lighten the opacity of that dark screen. I can’t post my site, I’m developing locally.

    Hey again,

    If you’re referring to the header background image on your home page you should be able to remove or reduce the opacity with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css

    .header-content-wrap {
      background: rgba(0, 0, 0, 0.5);
    }

    This is black color with 50% opacity on it (you can find more information here https://www.w3schools.com/cssref/css_colors_legal.asp). Last numeric value represents opacity where 0 is completely transparent and 1 is full color. You can reduce it in order to make it lighter or set 0 in case you want to completely remove it and display only the image.

    Hope this helps ??

    Best regards,
    Bojan

    Thread Starter bostondesignz

    (@bostondesignz)

    Thank you, that worked!

    Glad that helped!

    Have a great day!

    Cheers,
    Bojan

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘dark background image’ is closed to new replies.