Un-Dim header image? - Acme Themes

This topic contains 5 replies, has 2 voices, and was last updated by  chattnotary 3 weeks, 6 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #68403

    chattnotary
    Participant

    Is there a way to have the header image not dim? i.e. display as uploaded?

    #69966

    acmesupports
    Moderator

    Hello chattnotary,
    Are you talking about front page header image or inner page header image? Please make it clear.

    #70007

    chattnotary
    Participant

    I am assuming it is the front page header image.
    The one that is under “Customize”–> “Header Options” –> “Header Image”.

    #70010

    chattnotary
    Participant

    Sorry, the customize menu for the image I’m describing says “Applied to header image of inner pages” when navigating to the panel referenced above.

    #71423

    acmesupports
    Moderator

    Hello chattnotary,
    Could you please post your website here for debugging?

    #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;

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.