So what I am asking is how do I create these in Webflow?
Also how do I get to fill in a colour on them eg. http://snowballsummit.webflow.com/
where at the top those mountains, in the bottom part of it theres that blue box that makes them look blue
and also on the dotted designs site, there was that red box
how do I fill them in like that?
and if I have where to have several of these boxes stacked on top of each other how would I get them to all use the same background image but it flows properly?
Its called Parallax (even thought its not really, technically). The method is simply placing a static image inside a div(block or image element). So do this, place a ‘Section’ with 100% width and 300px tall. Upload a picture (but don’t drag and drop and image, upload it from within inside the ‘Section’ on ‘background’). Once you uploaded the image select ‘Tile’ none, and ‘Fixed’ Checked. Et Viola. You have the Parallax you were after.
Make sure the image is large enough to cover the all the area, and if not just make sure its tileable.
Cheers!
I mean how do you fill the box in with a colour that is translucent and so that you can see through the colour and see the background image but there’s a tint/hue on the colour.
Eg. on http://snowballsummit.webflow.com - on there theres this blue box that makes the background image beneath it look blue - it’s at the very top of the site, just scroll down slightly and you’ll see it.
@bartekkustra
Sorry I haven’t got any kind of troubleshooting link.
That website isn’t mine! It’s from the Webflow gallery.
Can you see how when you scroll the mountains enter that blue box and look blue?
I want to know how to put that tint on the pictures along with the whole parallax background effect thing.
Now my last question, I don’t if it is even possible but how do I make it so that I have several of these fixed divs each with a different colour tint - but they all hold the same background image.
So it would give a really cool effect so that as you scroll the thing that was in the red box would enter the blue box and look blue etc.
Also to get really nice rich deep colours like the image below.
Do I have to do it in Photoshop or is it still possible within Webflow?
I would need to be able to do it in webflow to be able to have the cool colour changing
Hi @sparkzweb, I see you stumbled across our site www.dotteddesigns.co.za as that banner is part of our site.
If I may ask where did you find our site? Lol.
I used Lato (light) for the top font. Lato normal for the bottom.