Solved

Want to add a pinterest icon to this page

Posted on 2015-01-09
4
116 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

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
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…

757 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