Streaming live at 10am (PST)

How can I recreate this line in Webflow?

Hi!

I’d like to recreate a line like the one below (the blue line with rounded ends). But I’ve been stuck for the past 2 hours trying to figure out how to do this. Would I do it by creating a div? Can a kind soul provide any help?

Line Sample


Hi Michael,

I’d probably do that using a div with settings like this:

Looks like this:

grafik

Hope this helps.

2 Likes

Oh man, thank you!

That worked. I think my problem was I was using a % for the width and height. For some reason, the % height seems to cause the line to not appear.

Thanks again! You’re a saint. :slight_smile:

the reason is probably the percentage wasn’t related to anything. As in no parent was having any height set.

Gotcha. That makes sense. I appreciate the explanation. :+1: