Okay
  Public Ticket #312970
bar under parallax header
Closed

Comments

  • Mariusz started the conversation

    Hi!

    I was searching through the comments to find a way to make the background darker, which I managed to do with a css snippet, but I cannot get rid of the white/grey bar under the parallax headers in the portfolio section. This happens in Chrome and Firefox, so I guess it's not a browser issue?

    Cheers
    Mariusz

  •  8,441
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    body #boxed #page-header-bg[data-parallax="1"] {
        top: 74px !important;
    }
    Thanks


    ThemeNectar Support Team 

  • Mariusz replied

    Hi

    Thanks for the quick response! I tried it , but it did not change anything. 
    Aside from the removed "sort portfolio" string the template is in it's vanilla state.
    Here's what my custom css box contains right now:


    #portfolio-filters-inline .container ul {

    margin: 0 auto !important;

    max-width: 100%!important;

    text-align: center!important;

    width: 100%!important;

    }

    #portfolio-filters-inline .container > ul a {

    font-size: 16px!important;

    }

    .container-wrap {

    background-color: #181818!important;

    }

    body #boxed #page-header-bg[data-parallax="1"] {

    top: 74px !important;

    }

  • Mariusz replied

    I searched through the other tickets and found an answer:

    html body[data-bg-header="true"] .container-wrap {

    margin-top: -30px!important;

    }

    That did the Trick :)

    But now I have a different problem, that is somehow related ( ? )
    When I enable header logo shrink there's a white background  when the header jumps to the shrinked position.

    http://raytrace.me/?page_id=39

    can I change the color with a custom CSS ?

  • Mariusz replied

    Damn... my "solution" is also messed up in the parallax header when I have logo resizing on....

    Could there be a simpler solution without playing with the margins ? A simple color change would solve the issue

  •  8,441
    Tahir replied

    Hey, could you allow us to log in so we can check on this for you more? . 
    Thanks 


    ThemeNectar Support Team 

  • Mariusz replied

    HA! I found it! 
    Here is the solution:

    #page-header-wrap {
    background-color: #181818!important;
    }

    Can we make this ticket public or add it to the FAQ? Others who prefer a dark version of the template might also run into this problem.

    Cheers
    Mariusz