Solved

icon-desktop medium circle not showing

Posted on 2015-01-08
6
105 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
DevOps Toolchain Recommendations

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

 

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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

810 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