Solved

Want to add a pinterest icon to this page

Posted on 2015-01-09
4
132 Views
Last Modified: 2015-01-12
Hello- on this page at the bottom: test.magickitchen.com/responsive/, I want to change out the gplus icon for a pinterest icon, but I'm not having any luck.

I tried adding this to custom.css: .btn.pinterest{background-color: #bd3518;border-color: #902812;color: #fff}.btn.pinterest:hover{background-color: #e34625;border-color: #e34625}

and then adding the pinterest icon: <a href="#" class="pinterest" title="pinterest"><i class="icon-pinterest"></i></a>

But that didn't work. Thanks for your help.
0
Comment
Question by:mel200
  • 2
  • 2
4 Comments
 
LVL 20

Accepted Solution

by:
Gawai earned 500 total points
ID: 40542976
The following code is already there.

.icon-pinterest-circled::before {
      content: "\e966";
}
.icon-pinterest-squared::before {
      content: "\e967";
}

<a href="#" class="pinterest" title="pinterest"><i class="icon-pinterest-circled"></i></a>

just try  it. i have not tested
0
 

Author Closing Comment

by:mel200
ID: 40544404
Thanks! I'm not sure what I was doing wrong, but it works now!
0
 
LVL 20

Expert Comment

by:Gawai
ID: 40544948
Which code worked? class="icon-pinterest-circled"

Or yours ?
0
 

Author Comment

by:mel200
ID: 40545056
Yours!
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

839 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