[Pia]

Good day, Catch Themes.

Thank you for this wonderful theme.

Kindly help how to add a website (icon) into the social menu…

I have successfully added the custom link but it only appears as circle (no icon) .

Any ideas? thanks so much!

[Sakin]

@Pia: Those social icons are from http://genericons.com/. So, if there is any icon from there then I can help you to add in. So, can you post in your site URL and explain your issue.

[Pia]

Hello, Sakin.

Thank you for your reply.

pls view http://bonitatissue.com/
it only has f442 from the genericon icons which is supposedly an external link icon.

Please help how to insert it correctly?

Thank you so much.

[Pia]

I used this:

a#visitpingcon.genericon {
	content: "\f442";
}

but i do not know the correct code.

Thank you.

[Sakin]

@Pia: That code will not work in Custom CSS. For that, first you need to build child theme. For child theme and sample child theme, refer to http://catchthemes.com/blog/create-child-theme-wordpress/ and then add the following css in your child theme style.css

.social-menu ul .visitpingcon a:before {
   content: "\f442";
}

[Pia]

Hi, Sakin.

Thanks again. However, I am not professional on web dev. I a already using a child theme of chicago theme, still the f442 wont work 🙁

Please help exactly what i should change or copy into my php and css?

Do i need to copy anything into my functions.php for it to work?

Thanks so much.

[Sakin]

@Pia: If you have already added from Child theme then remove the following css from “Appearance => Customize => Theme Options => Custom CSS Options” box and it will work:

/** Social Menu for Pingcon **/
.social-menu ul .visitpingcon a:before {
   content: "f442";
}

[Pia]

Hi, Sakin.

Sorry for this trouble.

I have deleted the snippet in plugin custom css and theme’s customize css in appearance. and saved it to style.css.

However, the icon still won’t display.

Any ideas?

Thanks a lot for your help.

[Sakin]

@Pia: When I check your site, it’s working. Did you clear your browser cache and check in. Please refresh your browser and check in.

[Pia]

Hi, Sakin.

We thank you for all your help.

Sadly, the external link still won’t work in my UI.

Can u see the external link icon beside/between the instagram and email icons?

Mine appears just a blank circle.

Any other options/troubleshooting?

Thank you.

[Sakin]

@Pia: Did you clear your browser cache and check in. Refresh your browser and check in our check from other browser. I can see external link Icon in your site http://bonitatissue.com/

[Pia]

Hi, Sakin.

Yes, I have cleared my browser cache, reopened and still no external link icon. nonetheless, I tried using different pc and it worked.

So, I am not sure why it does not appear in certain pc’s such as mine 🙁 Even after clearing cache. Don’t know how to troubleshoot.

Please view http://www.awesomescreenshot.com/image/619041/c5483ecd3f127e07c027b61616ac9f05

Thanks so much.

[Sakin]

@Pia: You need to check your browser. You can test in http://mattkersley.com/responsive/

[Pia]

Hi. Sakin.

It still won’t work. Pls view.

http://www.awesomescreenshot.com/image/639225/94699c66bbc64ae271d2e374773b157a

Last resolve: You have any recommended icon which I may use as alternative?

Please advise.

Thank you,

[Sakin]

@Pia: It’s your browser cache issue. You can check this screenshot https://dl.dropboxusercontent.com/u/81234910/IMG_6223.PNG

You can also check from this site which doesn’t cache it http://anonymouse.org/cgi-bin/anon-www.cgi/http://bonitatissue.com/

[Pia]

Hi, Sakin!

It works now 🙂
Thanks so much!
-Pia

[Sakin]

@Pia: Thanks for your appreciation

[Author]

Posts