Solved

icon-desktop medium circle not showing

Posted on 2015-01-08
6
103 Views
Last Modified: 2015-01-08
Good morning. On this test site: http://test.magickitchen.com/responsive

at line 396, this is not showing up: <i class="icon-desktop medium circle"></i>, and neither are the others in that section.

The css is linked, I've checked that. So I'm not sure what's going on.  I'll attach the file. Thanks for your help.

index.html
0
Comment
Question by:mel200
  • 3
  • 3
6 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 40538010
The :before selector requires a definition for content: or there's nothing to display "before".

You should at add this somewhere in your css definition for the circle and/or medium classes:

content: "";
0
 

Author Comment

by:mel200
ID: 40538090
Brilliant! Thanks- the other icons are still no showing up, however, icon-heart, icon-desktop, etc.
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 40538234
Could this be the problem?
Resource not found
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

Author Comment

by:mel200
ID: 40538281
Oh, good find! I changed that so it links to the correct file: test.magickitchen.com/responsive/neko-framework/font-icons/custom-icons/css/custom-icons.css, but I still am not seeing the icons.
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 40538399
The missing custom-icons.css file was the problem from the beginning. Now you have to go back and undo my first suggestion. Remove every instance of content:""; from custom.css that relates to those icons.
0
 

Author Closing Comment

by:mel200
ID: 40538738
Thanks!
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now