• Resolved fantasy_5

    (@fantasy_5)


    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

    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

    (@acosmin)

    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/ I can tell you how to add it.

    Thread Starter fantasy_5

    (@fantasy_5)

    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:

    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="https://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

    (@acosmin)

    Your javascript code is outputing some errors. Try and disable W3 Total Cache and see if it works.

    Thread Starter fantasy_5

    (@fantasy_5)

    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?

    Theme Author acosmin

    (@acosmin)

    Open footer.php and try and add your codes after: </div><!-- END .wrap -->

    Also, you might want to wait for JustWrite v2.0 to be available wp.org.

    Thread Starter fantasy_5

    (@fantasy_5)

    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

    (@acosmin)

    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

    (@fantasy_5)

    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.