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
  • #190177


    I’m not sure how to do this, but on this page:
    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:

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

                        <h1 class="entry-title">Meet The Team</h1>
                <ul class="breadcrumbs"><li> <a href="">Home</a></li><li>Meet The Team</li></ul>            

    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 */
    .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.



    Thank you so much for your input

    Here is my stylesheet

    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.