Want to add a pinterest icon to this page

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.
Who is Participating?
GawaiConnect With a Mentor Commented:
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
mel200Author Commented:
Thanks! I'm not sure what I was doing wrong, but it works now!
Which code worked? class="icon-pinterest-circled"

Or yours ?
mel200Author Commented:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.