Social Media icons not showing up

[fiduciary 0]

Hello, I tried setting up the social media links under PlatformPro >> Header and Nav, but they are not showing up. They are in the source code for the header but do not appear:

Any advice? Thanks

[Rob 547]

In Dashboard > PlatformPro > Headers And Footers, you've entered the links to each of the social media icons with their social media accounts? The option under [b]News/Blog RSS Icon [/b]is checked? Did you create any custom CSS?

[fiduciary 0]

Yes, I've done all that. I only have a bit of custom CSS that works on just one page: [code] body{ .page-id-1121 #pagelines_content { margin-top: -30px; margin-bottom: -20px } } [/code]

[Rob 547]

Your CSS is a little off. Try this: [code]body{} .page-id-1121 #pagelines_content { margin-top: -30px; margin-bottom: -20px }[/code] The open body tag (with curly bracket at the end) may seem fine from a coding angle, but as CSS, it's likely to break things. Let's see if this fixes the problem.

[fiduciary 0]

Thanks, but no change.

[catrina 103]

Perhaps they are hidden somehow. Try adding this CSS: [code]div.icons {z-index: 2 !important;}[/code]

[fiduciary 0]

That made the search bar visible (though I want it hidden) but did not change the icons.

[Danny+ 1,327]

Hi, The issue is the CSS for each icon, the path to the images is incorrect. Below is what you currently have: [code].icons .linkedinlink { background: url(../../../../../DOCUME%7E1/knally/LOCALS%7E1/images/sprite-socialicons.png) no-repeat -66px 0; }[/code] The path should look something similar to this: [code].icons .rsslink { background: url(../images/sprite-socialicons.png) no-repeat 0 0; } .icons .twitterlink { background: url(../images/sprite-socialicons.png) no-repeat -22px 0; } .icons .linkedinlink { background: url(../images/sprite-socialicons.png) no-repeat -66px 0; }[/code]

[fiduciary 0]

Ok, so how do I change it? I tried copying that into custom CSS but no change. Do I have to upload the images onto my site from somewhere?

[Jenny 33]

It looks like you developed your site locally and didn't change any of the paths in the database. Try reading over this tutorial: http://www.makeuseof.com/tag/migrate-locally-developed-wordpress-site-live-server/

[fiduciary 0]

Ok thanks. Based on this tutorial it looks like I have to re-adjust the original backup and load it again. Will this mess up any settings that I changed on the server (rather than locally), and if so is there any work-around? Thanks for your help.

[Jenny 33]

You may be able to do a search and replace but I honestly can't give you advice on what to search for since the hierarchy is so deep, example: ../../../../../DOCUME%7E1/knally/LOCALS%7E1/images/sprite-socialicons.png

[fiduciary 0]

Ok, a couple final questions: 1. I want to edit the theme CSS (http://www.thefiduciaryinstitute.org/wp-content/themes/platformpro/css/theme.css). To do so, do I need to access it through FTP or can I somehow edit it through my WordPress dashboard? 2. What is the default icon size for the social media icons?

[Rob 547]

You shouldn't really be editing core files. CSS should be added to Dashboard > PlatformPro > Custom Code > CSS Rules. Do you have PlatformBase 1.4.1 activated?

[fiduciary 0]

No, I'm on 1.3.9. Will upgrading help fix this problem?

[Rob 547]

If you're on PlatformBase 1.3.9, I'd strongly urge you to save your /platformbase/functions.php to your desktop AND copy/paste all your custom CSS to a text file saved also to your desktop. Then you can update safely.