Schedule-list-type-of-thing

Design help General
1

If you go to http://valiocon.com, on the main page, scroll down to “Schedule” and there’s a list-kind-of-thing that goes vertical with bullets and dashes. How do you do that? Javascripts?

2

In many many different ways. this would be my take http://cl.ly/image/413x3V0M0O3K

3

it’s a series of styled LI’s

<ul>

…

<li class="single">
<time>2:00 pm</time>
<h6>Chloe Park</h6>
</li>

…

Just a quick look… but it appears… CSS pushes the LI bullet over 69px
and changes the font-color.

Font appears to be LodgeCode… but I don’t have this font-family - so cannot confirm

I’m sure you could do this with any font though… it’s the LI Bullet that you see.

The CCS file is here: http://valiocon.com/css/2014.css

See Video:
http://quick.as/e2DBU2X4

1 Like
4

Awesome stuff! Thanks a lot @Revolution and @vincent!

5

You’ll find that LISTS in webflow are hard to style and have limitations. In the “normal” HTML/CSS world, we use lists for a huge load of stuff, it’s very convenient. On Webflow, not so much actually.

6

Hmm…I did a variation of it. Somehow I didn’t succeed to get the line a whole. So I splitter it but it looks cool anyway.

7

access denied on provided url…

8

Ah…sorry.

http://steven-persson-update.webflow.com/about-me