- Acme Themes

Best Premium and Free WordPress Themes Forums Lawyer Zone Un-Dim header image? Reply To: Un-Dim header image?

#71486
chattnotary
Participant

I discovered how to change this for the benefit of others that may not want their header image dimmed. The image isn’t dimmed, it is the alpha channel on the text block over the image that is darkening it. By setting the alpha to 0 in the css the image no longer appears dimmed. Look for this section in “wp-content/themes/lawyer-zone/syle.css” and change “background: rgba(40, 38, 38, .4);” to (40,38,38,0.0)

Apparently this is to make reading the text easier, but it darkens the image behind it.

/*————————————————————–
# Content
————————————————————–*/
.inner-main-title {
position: relative;
width: 100%;
background-size: cover;
background-color: #2D2D2D;
overflow: hidden;
margin-bottom: 50px;
}
.page-template-template-builder .inner-main-title {
margin-bottom: 0;
}
.inner-main-title:before{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(40, 38, 38, 0.0); <<<< ***Change the last number to “0.0” to “un-dim” the header.***
content: ”;
display: block;
z-index: 1;