Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I was wondering one thing: do you know if it's possible to change the background of the content below, so that it does not cover the page header?
It's probably not clear at all (sorry I did my best XD), but a picture is worth a thousand words (see screenshot).
As you can see, when you scroll down, the background of the content below goes on top of the page header... which is quite normal, considering the parallax effect. It's cool when the background below is of a different color, however it looks a bit weird when both backgrounds are the same color :/
So do you know if we can change something so that the "second background" doesn't go on top of the page header content, but below?
Yes I totally get that, but for the moment I'd like to keep it the same color. But since the Page Header and the Row beneath it have the background color, it looks a bit weird when we scroll (see the screenshot in my previous message).
So I wanted to know if it was possible to move the Row's background "below" the page header's content (or background), so that it doesn't "cover" the content?
Hey,
I eventually switched the scroll effect to Parallax instead of Box Roll.
I liked the Box Roll Effect, but it caused too many problems, especially with anchor links.
Anyway, parallax is still nice.
However, I can't get the text to be at the bottom of the screen, even though its vertical alignment is set to bottom (see attached screenshot).
It was okay with Box Roll, but it's not with Parallax anymore.
Do you know how can I move the text below the # particles?
Thanks!
Hey again,
Does anyone have an idea how to fix this problem?
Thanks a lot :)
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#page-header-bg[data-alignment-v="bottom"] .span_6 >.inner-wrap { transform: translateY(50%)!important; -webkit-transform: translateY(50%)!important; bottom: 0px !important; }Thanks
ThemeNectar Support Team
Thank you so much Tahir, it's much better now :)
I was wondering one thing: do you know if it's possible to change the background of the content below, so that it does not cover the page header?
It's probably not clear at all (sorry I did my best XD), but a picture is worth a thousand words (see screenshot).
As you can see, when you scroll down, the background of the content below goes on top of the page header... which is quite normal, considering the parallax effect. It's cool when the background below is of a different color, however it looks a bit weird when both backgrounds are the same color :/
So do you know if we can change something so that the "second background" doesn't go on top of the page header content, but below?
I doubt it's possible, but we never know :)
Thanks Tahir!
Hey Again,
Yes you can change the Background Color for the Row that is below the Page Header.
Best
ThemeNectar Support Team
Yes I totally get that, but for the moment I'd like to keep it the same color. But since the Page Header and the Row beneath it have the background color, it looks a bit weird when we scroll (see the screenshot in my previous message).
So I wanted to know if it was possible to move the Row's background "below" the page header's content (or background), so that it doesn't "cover" the content?
Sorry I'm probably not clear enough.
Best.
Hey Again,
No i am afraid there is no such option available at the moment.
Best
ThemeNectar Support Team
Ok thanks anyway Tahir, I'll leave like this for the moment :)