Simple Catch Theme – Add custom links to footer

  • Resolved shahnaz

    (@shahnaz)


    10 years, 10 months ago

    I am using a child theme under simple catch.
    My site is: http://www.recipesaresimple.com
    My issue.
    i would like add custom links to the footer along with the copyright and powered by wordpress/theme info.
    Currently i have only been able to add a link below the default footer and to the right .
    i do not want it displayed here. Please help. I am not a programmer:)

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    I would also like the link to be displayed in the default blue. Thanks in advance.

    aritzalvarez

    (@aritzalvarez)

    10 years, 10 months ago

    If you´re the admin you can edit code files of a template… Here yo must edit a file called

    footer.php

    It’s easy… Just login as Admin, then, go to [ themes / editor ]

    You’ll see a lot of code and a rigth column with filenames, ignore the code (it’s your main CSS theme) and go straight to the right coplumn to find the “footer.php”

    Before editing anything select all and made a Copy / Paste in a notepad or similar (Word an other rich format editors are not valid for this, so use notepad ) and save it as footer-copy.php to keep a backup, it can be messy and you´ll want hace a copy ¿no?

    Just read it carefully somewhere you’ll find something similar to this

    <div class="col5 powered-by">
        Powered By: <a href="http://wordpress.org/" target="_blank" title="Powered By WordPress">WordPress</a> | Theme: <a href="http://catchthemes.com/" target="_blank" title="Simple Catch">Simple Catch</a>
  	</div>

    It’s the code corresponding to the links in your footer. Here, you can try… Make some edit, update and refresh your site… I’ll try to explain

    <div> is the container, it’s like a box and you should’nt touch it… Cause yo want edit the stuffr inside it, so between div and /div

    You can begin by clean the content of DIV, like this

    <div class="col5 powered-by"> 

  </div>

    If you refresh now, you’ll see the links are’nt there, so you can add yours

    <div class="col5 powered-by"> 

   <a href=" 1 " target="_blank" title=" 2 "> 3 </a>

  </div>

    where…

    “1” is the full link to the page you want make the link, including the http (not necessary, but recomendable add the http://)

    target=”_blank” forces the browser to open the link in a new window (or tab) if you want it’s open in the same window, don’t use it.

    ” 2 ” is the title of your link, some comment about the link destination

    ” 3 ” is the text shown in screen and used as link.

    For example…

    <div class="col5 powered-by"> 

   <a href="http://www.google.com " target="_blank" title="Google finder ">Go to google</a>

  </div>

    Please, notice the use of doblu quotations, are needed.

    If you copy and paste this example in your footer.php file you’ll can see how the google links appears in your footer, the edit i with the link and content you wish.

    It’s all! Maybe looks like something complicadet, edit code maybe can be “scary” but not a big deal actually.

    aritzalvarez

    (@aritzalvarez)

    10 years, 10 months ago

    Also you say you want revert the link to “default” i guess you meant blue colors and underline decoration…. I don’t know if is someway to set colors to defaults agains (maybe yes, but i don’t kwnow how) but you can use a CSS definition to set that links (bla bla bla bla boring technical stuff xD)… like This

    In the editor, open the style.css file and paste it (no matter where, but it’s better do it near to footer definitions… The best is paste it in the bottom. But some themes uses a very complex CSS file structure and can be hard mess with it.)

    .powered-by a, .powered-by a:hover { color:#0000FF; text-decoration:underline; }
.powered-by a:visited { color:#800080; text-decoration:underline; }
.powered-by a:active { color:#FF0000; text-decoration:underline; }

    But i think it’s not a good idea do it, cause that color maybe will look terribly ugly! And not propperly integrated in the design.

    Said all this, an appreciation, it’s not too Fair “delete” the template author attribution… they made a hard work you can enjoy for free… And they only want have a link to people can know who did the template…. But, that’s the way to do it.

    Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    Thankyou kindly aritzalvarez for your detailed response. It is very clear. Appreciate it.

    I do not however want to remove WordPress OR Simple Catch credits. I only want to put my privacy policy and about links between them somewhere.

    The footer.php code you have mentioned for my theme is as follows:

    <?php
/**
 * The template for displaying the footer.
 *
 * @package Catch Themes
 * @subpackage Simple_Catch
 * @since Simple Catch 1.0
 */
?>
	<div id="footer">
    	<div class="layout-978">
			<?php //Displaying footer logo ?>
            <div class="col7 copyright no-margin-left">
				<?php if( function_exists( 'simplecatch_footerlogo' ) ) :
						simplecatch_footerlogo();
					  endif;
				?><?php _e( 'Copyright', 'simplecatch' ); ?> © <?php echo date("Y"); ?> <span><?php bloginfo('name')?></span>. <?php _e( 'All Rights Reserved.', 'simplecatch' ); ?>

            </div><!-- .col7 -->

           <?php do_action( 'simplecatch_credits' ); ?>

		</div><!-- .layout-978 -->
	</div><!-- #footer -->
<?php wp_footer(); ?>
</body>
</html>

=============
I am unsure how to add the code you have provided into the above source:

  <a href=""" title="""> 3 </a>

<strong>1.</strong>Is this how i should replace "1" ,"2" & "3"?

  <a href=""" title="""> "Privacy Policy" </a>

    2.Do i just add another set of the same code for the next link ie: in my case “About”?

    Thanks again!

    Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    the codes i pasted are not showing up. trying with quotes.:

    I am unsure how to add the code you have provided into the above source:

    " <a href=""" title="""> 3 </a>"

    1.Is this how i should replace “1” ,”2″ & “3”?

    """"<a href=""" title="""> ""Privacy policy"" </a>"""""

    Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    hmmm wish I knew this language!

    Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    the codes i pasted are not showing up. trying with quotes.:

    I am unsure how to add the code you have provided into the above source:

    <a href=" 1 " target="_blank" title=" 2 "> 3 </a>

    1.Is this how i should replace “1” ,”2″ & “3”?

    <a href=" http://www.recipesaresimple.com/privacy-policy-2/ " target="_blank" title=" "privacy policy" "> ""Privacy policy"" </a>
    Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    wow I just realized the codes look a lot different on here rather than on my email client.
    Okay I have done it ! I have wordpress credit on left, simple catch credit on right and in centre nearer to the left side, i have my custom links. Thankyou very much aritzalvarez!!!

    aritzalvarez

    (@aritzalvarez)

    10 years, 10 months ago

    You welcome… First steps on HTML is really hard 🙂

    Only a little consideration… You should keep a local copy of your footer file now, cause when you upgrade your theme (if tan upgrade of theme is released and you download it) it will overwrite all theme’s files, including the ones you edited.

    So make a local copy. just in case

    The replace is perfect, just for keep it tiddy, you don’t need use (” “) on screen link (but i see you deleted it yet in your web) and don’t need space between “” and content on it or use two ( ” ) in a row anywhere.

    Just like this…

    <a href="http://www.recipesaresimple.com/privacy-policy-2/" target="_blank" title="privacy policy">Privacy policy</a>

    Thread Starter shahnaz

    (@shahnaz)

    10 years, 10 months ago

    Noted these points. Thanks again I shall mark as resolved.

    rahulraj9674

    (@rahulraj9674)

    10 years, 4 months ago

    I am unable to see the powered by and Copyright © 2013 TechCrazzy . All Rights Reserved.Powered by WordPress | Theme: Catch Box

    I want to edit this section on my blog http://techcrazzy.com

    The footer.php file does not have the info to edit

    WPyogi

    (@wpyogi)

    10 years, 4 months ago

    @rahulraj9674 – please start your own thread on the theme’s own forum – this thread is not posted correctly, it’s outdated and already marked resolved (and now closed).

    http://wordpress.org/support/theme/simple-catch#postform

    If you wish to reference this thread, include a link to it in your own thread.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Simple Catch Theme – Add custom links to footer’ is closed to new replies.