Title: Add Code to Footer
Last modified: August 30, 2016

---

# Add Code to Footer

 *  Resolved [fantasy_5](https://wordpress.org/support/users/fantasy_5/)
 * (@fantasy_5)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/)
 * Hi!
 * I love this awesome theme! It’s very clean and straight forward. I have added
   a floating footer bar to the footer. It is coded properly however, it does not
   display on the site, but has been tested and works seamlessly. You can see an
   example of the floating footer bar by visiting my blog [](https://celebrityscope.net)
 * Also, is it possible to add two additional social networks to the navigation 
   menu? I would like to add Quora and Sina Weibo.

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Theme Author [acosmin](https://wordpress.org/support/users/acosmin/)
 * (@acosmin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800735)
 * The fixed bar doesn’t work and I am sure it’s not a theme problem. If it’s a 
   plugin you should contact the developer, he might give you some pointers.
 * Second question: open `header.php`, find:
 * `<li><a href="<?php if( $header_rss != '' ) { echo esc_url( $header_rss ); } 
   else { bloginfo( 'rss2_url' ); } ?>" class="social-btn right rss"><?php ac_icon('
   rss'); ?></a></li>`
 * Add after it:
    `<li><a href="YOUR WEIBO URL" class="social-btn right flikr"><?
   php ac_icon('weibo'); ?></a></li>`
 * Problem is the icons pack doesn’t have a Quora icon… if you can find an replacement
   here [https://fortawesome.github.io/Font-Awesome/icons/](https://fortawesome.github.io/Font-Awesome/icons/)
   I can tell you how to add it.
 *  Thread Starter [fantasy_5](https://wordpress.org/support/users/fantasy_5/)
 * (@fantasy_5)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800787)
 * Hi, Acosmin!
 * Thanks for the rapid response. The floating footer bar works perfectly and is
   currently visible at the footer of my home page. I will double check the code
   to make certain nothing is missing. Two snippets of code are added to the footer.
   php and the other is added to the style.css. I currently have another theme active
   and the footer bar is visible and fixed to the bottom of the footer [. Here is the footer code. Ex:](https://celebrityscope.net)
 * Goes in footer.php before closing body tag:
 *     ```
       <div class="fixedBar">
   
       	<div class="boxfloat">
   
       	<ul id="tips">
   
       	<li><a href="https://celebrityscope.net/">celebrity scope Link is the First Item</a></li>
   
       	<li><a href="https://celebrityscope.net/blog">celebrity scope blog Link is the Second Item</a></li>
   
       	</ul>
   
       	</div>
   
       	</div>
       ```
   
 * Also goes in footer.php
 *     ```
       <script type="text/javascript">
   
       	this.randomtip = function(){
   
       	    var length = $("#tips li").length;
   
       	    var ran = Math.floor(Math.random()*length) + 1;
   
       	    $("#tips li:nth-child(" + ran + ")").show();
   
       	};
   
       	$(document).ready(function(){  
   
       	    randomtip();
   
       	});
   
       	</script>
       ```
   
 * Goes at the footer of style.css file
 *     ```
       /*WPBeginner Footer Bar*/
   
       	.fixedBar{background: #000; bottom: 0px; color:#fff; font-family: Arial, Helvetica, sans-serif; left:0; padding: 0px 0; position:fixed; font-size:16px; width:100%; z-index:99999; float:left; vertical-align:middle; margin: 0px 0 0; opacity: 0.95; font-weight: bold;}
       03
   
       	.boxfloat{text-align:center; width:920px; margin:0 auto}
   
       	#tips, #tips li{margin:0; padding:0; list-style:none}
   
       	#tips{width:920px; font-size:20px; line-height:120%;}
   
       	#tips li{padding: 15px 0; display:none}
   
       	#tips li a{color: #fff;}
   
       	#tips li a:hover{text-decoration: none;}
       ```
   
 * Question#2 I added the following suggested code for Weibo right after the code
   below. However, I do not see the Weibo icon appearing within the header icons
   when I scroll. Did I miss something?
 *     ```
       <li><a href="<?php if( $header_rss != '' ) { echo esc_url( $header_rss ); } else { bloginfo( 'rss2_url' ); } ?>" class="social-btn right rss"><?php ac_icon('rss'); ?></a></li>
   
       <li><a href="http://weibo.com/fantasy05" class="social-btn right flikr"><?php ac_icon('weibo'); ?></a></li>
       ```
   
 * Also I have the Quora logo… I jus need to know if it is still possible to add
   it although, it isn’t listed in the package?
 *  Theme Author [acosmin](https://wordpress.org/support/users/acosmin/)
 * (@acosmin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800829)
 * Your javascript code is outputing some errors. Try and disable W3 Total Cache
   and see if it works.
 *  Thread Starter [fantasy_5](https://wordpress.org/support/users/fantasy_5/)
 * (@fantasy_5)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800864)
 * Hi, Acosmin!
 * I’m not sure why you are receiving script errors in the code on your end, but
   it is working fine on my site’s currently active theme. The footer bar appears
   100%.
 * I did try uninstalling w3 total cache however, the footer bar still does not 
   appear on your theme. It it possible that I have placed it in the wrong spot 
   in Just Write theme’s footer? [](https://celebrityscope.net/blog)
 *  Theme Author [acosmin](https://wordpress.org/support/users/acosmin/)
 * (@acosmin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800875)
 * Open footer.php and try and add your codes after: `</div><!-- END .wrap -->`
 * Also, you might want to wait for [JustWrite v2.0](http://www.acosmin.com/theme/justwrite/)
   to be available wp.org.
 *  Thread Starter [fantasy_5](https://wordpress.org/support/users/fantasy_5/)
 * (@fantasy_5)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800884)
 * Hi, Acosmin!
 * Even with adding my codes after </div><!– END .wrap –> nothing seems to work 
   properly in the footer. I also tried adding social network icons that were aligned
   horizontally although, they did appear in the footer they would only align vertically.
   I actually tested them on another theme in advance… to ensure they were coded
   properly.
 * The things that I desire to do with the basic Just Write theme are basic. The
   theme is already great. However, adding 2 additional social links in the header,
   adding social links horizontally in the footer, and in addition, adding a floating
   footer bar in the footer with be great. Is it possible?
 * It’s great that JustWrite v2.0 will be coming out soon, but if I can’t style 
   the basic theme I’m not sure I will be in a hurry to get the pro version… for
   fear I might have the same issues. If you can help me that will be awesome. I
   appreciate your time and patience, but If the basic version of the theme can 
   not be customized I understand.
 *  Theme Author [acosmin](https://wordpress.org/support/users/acosmin/)
 * (@acosmin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800885)
 * Instead of:
    `<li><a href="YOUR WEIBO URL" class="social-btn right flikr"><?php
   ac_icon('weibo'); ?></a></li>` try: `<li><a href="YOUR WEIBO URL" class="social-
   btn right flickr"><?php ac_icon('weibo'); ?></a></li>`
 * You are trying to do a lot of custom work and I think you need a web developer.
   I really appreciate the thought that you like the theme and I am sorry it doesn’t
   work for you.
 * This forum is mostly for bugs. I sometimes help users with custom work but in
   some cases there are a lot of factors that make it hard.
 *  Thread Starter [fantasy_5](https://wordpress.org/support/users/fantasy_5/)
 * (@fantasy_5)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800892)
 * Hi, Acosmin!
 * It’s honestly not much custom work so hiring a developer isn’t necessary. It’s
   only a floating footer bar and social network links. All of the code is 100% 
   correct. I have been able to test the code to other themes and it works perfectly.
 * Yes, I’m sorry that it isn’t able to be customized too, :/ but thanks for all
   of your help. I’ll play with it a little more and see what happens.
 * Btw Weibo code is working now. Many thanks and king regards! 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Add Code to Footer’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/justwrite/2.0.3.6/screenshot.png)
 * JustWrite
 * [Support Threads](https://wordpress.org/support/theme/justwrite/)
 * [Active Topics](https://wordpress.org/support/theme/justwrite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/justwrite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/justwrite/reviews/)

## Tags

 * [footer bar](https://wordpress.org/support/topic-tag/footer-bar/)

 * 8 replies
 * 2 participants
 * Last reply from: [fantasy_5](https://wordpress.org/support/users/fantasy_5/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/add-code-to-footer-1/#post-6800892)
 * Status: resolved