Solved

Icomoon Social issue

Posted on 2014-11-04
4
118 Views
Last Modified: 2014-11-04
Hi, On this page: gooddiabetesdiet.com/responsive/

The code for social icons was this:

<ul class="footer-stay-connected no-list-style">
                                        <li><a href="# class="facebook"></a></li>
                                        <li><a href="#" class="twitter"></a></li>
                                        <li><a href="#" class="google+"></a></li>
                                  </ul>

I changed it to this:
<ul class="footer-stay-connected no-list-style">
                                        <li><a href="# class="facebook"></a></li>
                                        <li><a href="#" class="twitter"></a></li>
                                        <li><a href="#" class="pinterest"></a></li>
                                  </ul>

But I can't make the pinterest icon show up. I have both social icon css files linked. Not sure what's going on.

Thanks,
0
Comment
Question by:mel200
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 5

Accepted Solution

by:
Neil_Bradley earned 500 total points
ID: 40422872
It is defaulting to the Google + icon as there is no defined style for a class called pinterest on your main-orange.css style sheet.
You would need to create a .pinterest style that looks something like this:
.footer-stay-connected a.pinterest {
  background-position: -???px 0;
}
0
 
LVL 5

Assisted Solution

by:Neil_Bradley
Neil_Bradley earned 500 total points
ID: 40422878
Just had a look at the png here http://www.gooddiabetesdiet.com/responsive/img/stay-connected.png and it does not show the pinterest logo. So adding the class mentioned above would not help you. You would first need to add the pinterest logo to the png, then create the new style.
N
0
 

Author Comment

by:mel200
ID: 40422899
ok, thanks. I saw pinterest in both those css files, icomoon-social.css and coming-soon-social.css, as well as the main-orange.css, so I was fully confused. Let me try that.
0
 

Author Closing Comment

by:mel200
ID: 40422951
Bingo, works great, thanks!!
0

Featured Post

Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

Question has a verified solution.

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

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
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 …
This video teaches users how to migrate an existing Wordpress website to a new domain.

739 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