Solved

Icomoon Social issue

Posted on 2014-11-04
4
108 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
  • 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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

706 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

17 Experts available now in Live!

Get 1:1 Help Now