Solved

icon-desktop medium circle not showing

Posted on 2015-01-08
6
108 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
Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

 

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!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
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)

828 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