▼
Streaming live at 10am (PST)

Adding icons to webflow!

Design help General
#1

I would like to have little white icons, like these bullet points

  • Bullet-point

Maybe a full white color, or a nice teal color, for the website’s menu bar, to separate the menu items.
The attached screenshot shows some little 0s i dropped in, i would want those to be white or teal.

2016-05-16_18-53-18.jpg1354×322 68 KB

Any idea how i do that?

–Elliot

#2

Hi @Elliot,

I think you need to re-attach the image you uploaded.

#3

Thanks samliew, i did that!

#4

Hi @Elliot,

You can do the following:

  • drop in a div
  • give it a class
  • set to inline-block
  • give it width/height of 5px
  • give it appropriate margins
  • set border-radius to 50%
  • give it background color
  • copy and paste to other locations

temp.gif1000×600 700 KB

1 Like
#5

You are a complete ace and a pure gem, my friend. I have successfully implemented your solution. The GIF is creative and the perfect support solution. I love the styling of your color bar (fractal).

Do you have any idea how I can import icons into webflow, such as Diamonds, little hearts, etc.?

#6

try this :slightly_smiling:

#7

Hi @Elliot, I have also found this page to be very useful: https://css-tricks.com/examples/ShapesOfCSS/

#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.