• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 246
  • Last Modified:

Where are the images located?

I modified this template we purchased now my new html file doesn't display these images.  Looking at firebug css I still can't see where are these images supposed to be at.  Attached is the screen shot of the original template and the fire bug code.  can someone tell me how to locate these images (bird, facetook, yourtube...)
Thank you.
fb.jpg
Responsive-website-template-for-.jpg
0
lapucca
Asked:
lapucca
  • 4
  • 3
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
On the original template page, they are located here: http://themes.3rdwavemedia.com/college-green/assets/images/slides/slide-1.jpg
0
 
Dave BaldwinFixer of ProblemsCommented:
The 'Social Icons' are actually part of a special font called Font Awesome: http://fortawesome.github.io/Font-Awesome/
0
 
lapuccaAuthor Commented:
the design folder that came with as the template we purchased are all in a folder named "asset" and \assets\plugins\font-awesome  folder.  under this,it has css and fonts folder.  in this file, it has code like
.fa-twitter:before {
  content: "\f099";
}

Can you help me understand this code about "content..."
Is this where it sets the iimage?
Thank you.
font-awesome.css
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
Dave BaldwinFixer of ProblemsCommented:
You need to read this just before those definitions:
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

Open in new window

They aren't images, they are 'font' characters.
0
 
lapuccaAuthor Commented:
I see, but what does this code do?
.fa-twitter:before {
  content: "\f099";
}
Thank you.
0
 
Dave BaldwinFixer of ProblemsCommented:
That's the font character for the Twitter icon.
0
 
lapuccaAuthor Commented:
Thank you.
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now