?
Solved

Icomoon Social issue

Posted on 2014-11-04
4
Medium Priority
?
126 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 2000 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 2000 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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

801 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