Hi! Fairly new to Webflow and web design. Big fan of it so far but have a question if anyone has some time extra.
I want to ask how to make a background image for my header.
The way I have done it now is to make the image in canva.com and then upload it as one big background image on Webflow. See picture below.
However, I think there must be a better way to do this This way is not accurate: I don’t know the proper size it should be, I just eye balled where the middle was, it dosen’t automatically scale to different screen sizes, low quality, etc.
So my question is, how can I make a background image like below in Webflow/make something like this in Webflow? (a picture on left, white line, blue background, white line, and another picture on the right) How do you guys do it? Thanks a lot for any help…
header - inside container - inside div (flex-wrapper later) - inside -> text-wrapper - Add height by padding-top-bottom for the text-wrapper (Another option is by min-height for the header --> Less responsive).
How can I make it like its not the same image on left and right? Like I can have two different images? Now if I change the background on the whole section it will be the same on left and right. Like my original picture
Is it any way to add a white line on the edges? Like in my original picture?