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?
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:
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.
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
Hey!
ThemeNectar Support Team
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;
}
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 ?
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
ThemeNectar Support Team
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