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?
Thanks!
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.