Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Change page header area

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #190177
    katmac
    Participant

    Hi

    I’m not sure how to do this, but on this page: http://ectpro.co/pouchcove/?page_id=2712
    well actually on all sub-pages – this is just a sample page…

    Instead of having the page title area (Meet the Team & Breadcrumbs) with the current light grey background, I want to have the background show through with a white trans overlay using this graphic:
    http://ectpro.co/pouchcove/wp-content/uploads/2014/12/page-title-new-back-trans.png

    I think I found the area where I need to do this, but I need help, I just can’t figure it out.

    
    <div>
        <div>
            <div>
                        <h1 class="entry-title">Meet The Team</h1>
            </div>
                <ul class="breadcrumbs"><li> <a href="http://ectpro.co/pouchcove">Home</a></li><li>Meet The Team</li></ul>            
        </div>
    </div>
    
    #190194
    Paulie_D
    Member

    The section I think you are referring to is a div with this

    
    .page-title-container { /* LINE 2123 */
    padding: 0 10px;
    height: 87px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    /* background-color: #f6f6f6; */
    border-top: 1px solid #d2d3d4;
    border-bottom: 1px solid #d2d3d4;
    }
    

    and this

    
    .page-title-container{ /* LINE 1533 */
    background-image:url(http://theme-fusion.com/avadaxml/wp-content/themes/Avada/images/page_title_bg.png);
    }
    
    
    .page-title-container { /* LINE 1537 */
    background-color: #F6F6F6;
    }
    

    You can turn all those off and you’ll still have a white background becuase of this

    
    #main, #wrapper, .fusion-separator .icon-wrapper, html, body, .bbp-arrow {
    background-color: #ffffff;
    }
    

    If you turn all those off you get to the underlying page background image.

    Is that what you wanted?

    You can change whichever works to get the effect you are after.

    #190232
    katmac
    Participant

    Hi

    Thank you so much for your input

    Here is my stylesheet http://ectpro.co/pouchcove/wp-content/themes/Avada/style.css

    If you look for kathy1 you will see the css that I modified, but sorry I don’t
    understand the other part.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.