Streaming live at 10am (PST)

Help with Website_


#1

Hello!!

I was looking though websites for some inspiration and I came I came across this one, which I really like http://www.skybrud.dk/ . If you notice there is a black which surrounds the entire site, and I was wondering if this could be done in Webflow. I am guessing with an image which is placed in the body????


#2

Create a SECTION - give it a class name
Place a DIV in side the SECTION - give the DIV a class name

Set DIV Properties
- width 100%
- height 500px
- background color: #fff

Set SECTION Properties
- background color: #000
- margin: all 20px

See video:
http://quick.as/mv9VCLge


#3

Hi @athina_tzan, I'm not 100% sure if this is exactly what you're looking for, but I tried to make a demo showing how to add a border to a webpage (similar to the example you provided)

I apologize in advance if I'm way off smile

Demo: https://webflow.com/design/demokit?preview=72388b288a26874be319ca1f7412d4eb
Page Title: Webpage Border

Hope this helps!


#5

My previous example used a margin.

This example uses a border.

https://preview.webflow.com/preview/border?preview=46aa398bd1c317c304523fe494f40855


#6

You can also have a parent div (set to overflow:none) with say 20px padding on all sides. Then have 4 divs that are 20px wide with 100% height. This is just so you can replicate the effect it has at the start. You'll have to get your interactions just right so it looks like one line going around the entire page.


#7