Header Image Dark | WordPress.org

The issue is here:

<div class="bs-breadcrumb-section" style='background: url("https://msaccess-solutions.co.uk/wp-content/uploads/2021/01/cropped-Facebook_Cover2-1.jpg" ) repeat scroll center 0 #143745;'>

You have an inline overlay color for the background image. You need to edit that part of your stie to remove the color (#143745). Because it’s inline, it’s not overridable with custom CSS.

I recommend asking at https://wordpress.org/support/theme/agencyup#new-post so the theme’s developers and support community can help you with this.

At first glance, it looks like the CSS is being set on :

.bs-breadcrumb-section .overlay

You could start with something like this if you wanted to override it entirely, but it depends on the desired outcome.

.bs-breadcrumb-section .overlay {
    background: inherit;

Thanks Marty the solution worked great.
Also, thanks Steven

Glad to hear it! Do you mind setting this as resolved?


I have been looking to change my image colors. I have tried the above-said thing on my image which I am trying to change on my page https://rebeliation.com/, can someone tell me how can I dull the color of the image. so that it may look good.

Source link