How to add a custom icon with CSS code ?

Posted in: Newspaper
Post count: 13

Hi there !

I just finished creating my own icons for my navigation menu.

So here’s my question : how can I add them to my header menu ?

I know I have to create a css class for each icons, but I don’t know neither how to do it, nor where to put the code.

For info, I’m using the header style 9.

Thanks a lot ! 🙂

Post count: 22421

Hello,

It actualy depends on what icons you created. Our theme uses glyph’s (font icons) for its menu icons:
http://screencast.com/t/W6V493fR
If you create a vector graphic for example you can use it as shown here:
https://css-tricks.com/using-svg/
You can find more tutorials on how to use icons here: http://alwaystwisted.com/articles/2012-05-12-create-a-pure-css-menu-button

Please show an example of what icon type you plan on implementing.
Thanks.

Post count: 13

Hi Bogdan !

And first of, thanks for your faster than light feedback !

The icons are vector graphics.

So I’m gonna follow the steps in the css-tricks.com article you advised me.

I’ll leave some feedback once I’m done ! 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.