Best Premium and Free WordPress Themes › Forums › Lawyer Zone › Un-Dim header image?
- This topic has 5 replies, 2 voices, and was last updated 4 years, 8 months ago by
chattnotary.
-
AuthorPosts
-
September 6, 2019 at 3:24 pm #68403
chattnotary
ParticipantIs there a way to have the header image not dim? i.e. display as uploaded?
September 26, 2019 at 4:34 am #69966acmethemes
KeymasterHello chattnotary,
Are you talking about front page header image or inner page header image? Please make it clear.September 26, 2019 at 1:30 pm #70007chattnotary
ParticipantI am assuming it is the front page header image.
The one that is under “Customize”–> “Header Options” –> “Header Image”.September 26, 2019 at 1:38 pm #70010chattnotary
ParticipantSorry, the customize menu for the image I’m describing says “Applied to header image of inner pages” when navigating to the panel referenced above.
October 15, 2019 at 7:13 am #71423acmethemes
KeymasterHello chattnotary,
Could you please post your website here for debugging?October 15, 2019 at 1:35 pm #71486chattnotary
ParticipantI 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; -
AuthorPosts
- The topic ‘Un-Dim header image?’ is closed to new replies.