Hi!
Here is my smugmug site: www.iafoto.ru
I want to change my facebook icon on group of social networks icons from yandex.ru. Here is a code I'm inserting in to my custom footer:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="vkontakte,facebook,odnoklassniki,moimir"></div>

Before my changes its looks so:



After I put a new code to my custom footer, the new icons has shifted to the left bottom corner:




So what I am doing wrong?

Thank you very much

Smugers, please help! :)

Originally Posted by antonivano Smugers, please help! :)

Can't help without seeing the code live. The script needs to run.

Originally Posted by Allen Can't help without seeing the code live. The script needs to run.

Oh, excuse me please, I'm so used to the idea that there is no answers and because of it I missed your message. So, please tell me what you need in order to show you the code? I am a beginner here.

Originally Posted by antonivano Oh, excuse me please, I'm so used to the idea that there is no answers and because of it I missed your message. So, please tell me what you need in order to show you the code? I am a beginner here.

I think that a div is bumping your new div to the next line. Might have to use
floats to get both on same line. Maybe display:inline; will work also but not
sure how to use it.

I see your screen shot with the code in. If we saw it in that condition we
might be able to solve moving it.

Originally Posted by Allen I think that a div is bumping your new div to the next line. Might have to use floats to get both on same line. Maybe display:inline; will work also but not sure how to use it. I see your screen shot with the code in. If we saw it in that condition we might be able to solve moving it.

Ok. The code has been inserted.

Originally Posted by antonivano Ok. The code has been inserted.

One thing I noticed is you have them in your footer and yet trying to get them on
your customHeaderWrapper line. Maybe adding the html there in the
header instead?

Originally Posted by Allen One thing I noticed is you have them in your footer and yet trying to get them on your customHeaderWrapper line. Maybe adding the html there in the header instead?

I dont know. I just try to insert the new icons in place of the old icon Facebook.


here is the code from old CustomFooterWrapper

 </div>
<!-- end customContentWrapper -->
<div id="customFooterWrapper">
   <div id="customFooter">
       <div id="copyright">
           <span>&copy; </span>
           <script type="text/javascript">
               var date = new Date();
               document.write(date.getFullYear());
           </script>
           <span> Антон Иванов-Капелькин</span>
                       <span> | <a href="javascript:void(0);" onclick="this.style.display = 'none'; document.getElementById('siteCredits').style.display = 'inline';">Site Credits</a></span>
                       <span id="siteCredits">Photo hosting by <a title="Photo hosting" href="http://www.smugmugpro.com/">SmugMug Pro</a> | Customization by <a href="http://www.fastlinemedia.com" target="_blank" title="SmugMug Customization and Templates"> FastLine Media</a></span>
                       
       </div>
         <div id="socialIcons">
                       <a class="facebookLink" href="http://www.facebook.com/ivanovkapelkin" target="_blank"></a>
               </div>
       
       <div class="spacer"></div>
   </div>
   <!-- end customFooter -->
</div>
<!-- end customFooterWrapper -->

Originally Posted by antonivano I dont know. I just try to insert the new icons in place of the old icon Facebook. here is the code from old CustomFooterWrapper ...

Another idea.
Then perhaps putting the header stuff, nav etc., that you have showing in
the footer area all in the actual footer box?

Originally Posted by Allen Another idea. Then perhaps putting the header stuff, nav etc., that you have showing in the footer area all in the actual footer box?

Probably not. Because the old icon Facebook show up normally, but its code has been inserted into CustomFooterWrapper.

Perhaps few lines from CSS block could tell you little bit more?

/**************************************************************
* Custom Content Wrapper
**************************************************************/

#customContentWrapper {
	padding:0 0 85px 0;
}

/**************************************************************
* Custom Footer
**************************************************************/

#customFooterWrapper {
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	height: 20px;
	background: #000000;
	z-index: 110;
}
#customFooter {
	width:100%;
	min-width:950px;
}

/**************************************************************
* Social Icons
**************************************************************/

#customFooter #socialIcons {
	position: absolute; 
	right: 10px;
	top:-32px;
}
#customFooter #socialIcons a {
	background: url('http://www.smugmug.com/photos/1266588149_v6XKT7s-O.png');
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.smugmug.com/photos/1266588149_v6XKT7s-O.png');
	display:block;
	width:16px;
	height:16px;
	float:right;
	margin: 0 0 0 10px;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
#customFooter #socialIcons a:hover {
	-webkit-transform:rotate(-5deg) scale(1.4);
	-moz-transform:rotate(-5deg) scale(1.4);
	transform:rotate(-5deg) scale(1.4);
}
#customFooter #socialIcons .twitterLink {
	background-position: -16px 0;
}

/**************************************************************
* Copyright
**************************************************************/

#customFooter #copyright {
	font-size:9px;
	color:#4d4d4d;
	padding:4px 15px 0 0;
	position: absolute;
	top:0;
	right: 0;
	text-align: right;
}
#customFooter #copyright a {
	color:#4d4d4d;
}

/**************************************************************
* SmugMug Footer - Branding included in site credits.
**************************************************************/

#footer_wrapper,
#cobrand_footer {
	display: none !important;	
}

/**************************************************************

Originally Posted by antonivano Probably not. Because the old icon Facebook show up normally, but its code has been inserted into CustomFooterWrapper. Perhaps few lines from CSS block could tell you little bit more? /************************************************************** * Custom Content Wrapper **************************************************************/ #customContentWrapper { padding:0 0 85px 0; } /************************************************************** * Custom Footer **************************************************************/ #customFooterWrapper { position: fixed; bottom:0; left: 0; width: 100%; height: 20px; background: #000000; z-index: 110; } #customFooter { width:100%; min-width:950px; } /************************************************************** * Social Icons **************************************************************/ #customFooter #socialIcons { position: absolute; right: 10px; top:-32px; } #customFooter #socialIcons a { background: url('http://www.smugmug.com/photos/1266588149_v6XKT7s-O.png'); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='http://www.smugmug.com/photos/1266588149_v6XKT7s-O.png'); display:block; width:16px; height:16px; float:right; margin: 0 0 0 10px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; transition:all 0.3s ease-in; } #customFooter #socialIcons a:hover { -webkit-transform:rotate(-5deg) scale(1.4); -moz-transform:rotate(-5deg) scale(1.4); transform:rotate(-5deg) scale(1.4); } #customFooter #socialIcons .twitterLink { background-position: -16px 0; } /************************************************************** * Copyright **************************************************************/ #customFooter #copyright { font-size:9px; color:#4d4d4d; padding:4px 15px 0 0; position: absolute; top:0; right: 0; text-align: right; } #customFooter #copyright a { color:#4d4d4d; } /************************************************************** * SmugMug Footer - Branding included in site credits. **************************************************************/ #footer_wrapper, #cobrand_footer { display: none !important; } /**************************************************************

I can see you CSS, no need to post.

What I'm saying is your header/customheader is at the bottom of every
page on your site. Why isn't all this put in your footer?

Originally Posted by Allen I can see you CSS, no need to post. What I'm saying is your header/customheader is at the bottom of every page on your site. Why isn't all this put in your footer?

Well I am ready to try but just don't know what and where should I put.
Put this code:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="vkontakte,facebook,odnoklassniki,moimir"></div> 

to the actual footer in Easy Customizer? Right?

Originally Posted by antonivano Well I am ready to try but just don't know what and where should I put. Put this code: <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="vkontakte,facebook,odnoklassniki,moimir"></div> to the actual footer in Easy Customizer? Right?

You have nothing defined in Easy Customizer, all your customizations are
currently on the advanced customization page.

Before doing any changes click the "email" button at the bottom of the
advanced customization page to get a backup of all your customization.

Originally Posted by Allen You have nothing defined in Easy Customizer, all your customizations are currently on the advanced customization page. Before doing any changes click the "email" button at the bottom of the advanced customization page to get a backup of all your customization.

Thank you very much Allen. I tried to move the code there, but unfortunately it did not help