Can't get social network icons to show
Support Area › Forums › Live › Can't get social network icons to show
Tagged: Navigation, photo gallery, social network
- This topic has 7 replies, 4 voices, and was last updated 11 years, 2 months ago by Bill Robbins.
-
AuthorPosts
-
December 15, 2012 at 22:36 #8693Marlean TuckerParticipant
Hi,
I just installed the “Live” theme today and can’t figure out how to get the social media icons to show next to the navigation bar. I don’t see anywhere in the theme options to input the url’s for social networks. Thanks in advanced for your help. ~Marlean
December 15, 2012 at 23:15 #8694Bill RobbinsModeratorMarlean,
Great question about the social media icons. There’s a section in the theme instructions under Navigation Menus that explains how to add them. Unlike some of our other themes, they are actually part of the navigation menu. If you have any trouble adding them, just let me know.
Thanks and enjoy your Sunday,
BillDecember 16, 2012 at 20:36 #8696Marlean TuckerParticipantThank you!! I love that you wer so prompt in responding. Another quick question. Do you have any suggestions for a nice java photo gallery (plugin) that would work with the responsive design?
Thanks
Marlean
December 17, 2012 at 09:22 #8697Bill RobbinsModeratorMarlean,
I do try to be quick in answering questions. Unanswered questions in the queue just eat at me.
For a lightbox plugin, you might try Ligthbox Plus. It works with WordPress’ built in gallery which is the best way to go. Just make sure you select for the thumbnails to link to the “file” and not the “attachment page” when inserting the gallery (there’s an option to select that when you create the gallery).
If you have any trouble, just let me know,
BillJanuary 18, 2013 at 15:58 #8990Ben ColemanParticipantThere’s no “CSS Classes” field on my custom menu dialog box. How can I add the Facebook icon?
thanks!
January 18, 2013 at 16:01 #8991Bill RobbinsModeratorBen,
Click on screen options in your menu builder (Appearance > Menu) and make sure the box next to “CSS Classes” is checked. That should add the box for you.
WordPress likes to hide many things by default. As a good rule of thumb, if you can’t find an input box that should be there, it may be hidden in the screen options.
If you have trouble, let me know,
BillFebruary 1, 2013 at 14:26 #9273Kevin SandlinParticipantThe social network icons are white only, so because I’ve changed my LIVE header background to white, these icons are invisible. How can I change them to black or another dark color?
February 1, 2013 at 15:39 #9278Bill RobbinsModeratorKevin,
I just sent you an email about that. Here are the instructions in case in one in the forum needs them.
- Save this image to your desktop:
- To use them, you can go to the Media section of your WordPress library and select “Add New.”
- Upload the image and then select edit. In the right hand column of that screen you’ll see a field labeled “file URL.” Copy that URL.
- Next go to the theme options page and select the styling tab. Scroll down to the Custom CSS box and paste this:
#navigation li.dribbble a, #navigation li.facebook a, #navigation li.flickr a, #navigation li.foursquare a, #navigation li.forrst a, #navigation li.google a, #navigation li.linkedin a, #navigation li.pinterest a, #navigation li.twitter a, #navigation li.youtube a, #navigation li.vimeo a, #navigation li.yelp a, #navigation li.podcast a, #navigation li.rss a { background: url(https://yoursite.com/image.png) no-repeat; } #navigation li.dribbble a { background-position: 0 -430px; } #navigation li.facebook a { background-position: 0 -3px; } #navigation li.flickr a { background-position: 0 -33px; } #navigation li.foursquare a { background-position: 0 -88px; } #navigation li.forrst a { background-position: 0 -61px; } #navigation li.google a { background-position: 0 -117px; } #navigation li.linkedin a { background-position: 0 -148px; } #navigation li.pinterest a { background-position: 0 -206px; } #navigation li.twitter a { background-position: 0 -263px; } #navigation li.youtube a { background-position: 0 -361px; } #navigation li.vimeo a { background-position: 0 -296px; } #navigation li.yelp a { background-position: 0 -328px; } #navigation li.podcast a { background-position: 0 -464px; } #navigation li.rss a { background-position: 0 -235px; }
- Just replace the
http://yoursite.com/image.png
with the URL to the image you copied earlier. - Update your settings.
That should replace the white icons with black ones.
If you have any questions or trouble, let me know,
Bill - Save this image to your desktop:
-
AuthorPosts
- The topic ‘Can't get social network icons to show’ is closed to new replies.