Archived

This topic is now archived and is closed to further replies.

  • 0

Social icons showing up 1.5x


Question

Posted · Report post

Well I'm just a question-asking fool this week!

 

FYI- my site is in maintenance mode.

 

So, I needed to use hooks to add change/add social icons. I didn't have the brain space to figure out hooks, so I bought the hooker plugin. I added the following html to pagelines_before_branding_icons hook:

<div class="icons" style="bottom: 12px; right: 1px;">
<a class="facebooklink" href="https://www.facebook.com/khadijaannette"target="_blank">
<img alt="Facebook" src="http://khadija-annette.com/wp-content/uploads/2013/icons/facebook.png">
</a>
<a class="pinterestlink" href="http://pinterest.com/khadijaannette/" target="_blank">
<img alt="Pinterest" src="http://khadija-annette.com/wp-content/uploads/2013/icons/pinterest.png">
</a>
<a class="twitterlink" href="https://twitter.com/KhadijaAnnette" target="_blank"style="opacity: 0.5;">
<img alt="Twitter" src="http://khadija-annette.com/wp-content/uploads/2013/icons/twitter.png">
</a>
<a class="tumblrlink" href="http://tumblr.com/khadijaannette/" target="_blank">
<img alt="Tumblr" src="http://khadija-annette.com/wp-content/uploads/2013/icons/tumblr.png">
</a>
<a class="linkedinlink" href="http://www.linkedin.com/in/khadijaoconnell"target="_blank">
<img alt="LinkedIn" src="http://khadija-annette.com/wp-content/uploads/2013/icons/linkedin.png">
</a>
<a class="emailink" href="mailto:ka@khadija-annette.com/" target="_blank">
<img alt="Email" src="http://khadija-annette.com/wp-content/uploads/2013/icons/email.png">
</a>
<a class="rsslink" href="http://khadija-annette.com/feed/" target="_blank"style="opacity: 0.5;">
<img alt="RSS" src="http://khadija-annette.com/wp-content/uploads/2013/icons/rss.png">
</a>

The icons are great and lined up nicely and exactly where they are supposed to be except... 4 of them are repeated on the left side of the page above my fixednav bar. What in the world is going on??

 

Also, I just noticed that the code for the errant icons actually matches the Pagelines code for the included social icons that you edit in Site Options. WHY? What in the world did I do wrong this time?

 

***UPDATE*** Weird freaking other thing happened in sync with the extra icons- my logo is no greyed out or has some opacity applied when I'm not hovering on it. This is new. I didn't do this. Well, I obviously did it but I don't know how. Oh god, make it end.

 

Bree :(

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi there, there's nothing in the html code that duplicates, it works fine when i pasted into a post to test. But you have forgotten to close the div tag at the end.

Share this post


Link to post
Share on other sites

Posted · Report post

So embarassed. It totally was user error. I'm not going to share the level of duh- but that you for your time, again :)

Share this post


Link to post
Share on other sites