• Resolved shivank

    (@shivank)


    How can I add custum footer to my blog or Can I change the footer file of the blog?
    I am totally new to wordpress, Please Help.
    Website link is Cyber Fan

Viewing 9 replies - 1 through 9 (of 9 total)
  • Your theme should have a file called footer.php. Copy that file to your child theme and you can edit that file to change the footer. What exactly do you want to change?

    Hi Shivank,

    What kinds of changes do you need doing to your footer?

    If it’s just CSS changes, e.g., background color, text color, text size, etc., then the easiest step to take is to download a plugin like http://wordpress.org/plugins/simple-custom-css/ where you’ll put your style changes.

    If you need more structural changes, then you’ll have to create a child theme (http://codex.wordpress.org/Child_Themes) and duplicate footer.php from the parent theme into your child theme. There you can make your changes.

    It’s important that you don’t apply modifications directly to your theme, otherwise, the next time your theme gets updated, you’ll lose all your changes. And it’s recommended that you always update your theme (and plugins, and WordPress itself).

    If you let me know exactly what you’d like done to the footer I could be of much more help to you.

    All the best,
    Cheers!
    – Maria Antonietta

    Thread Starter shivank

    (@shivank)

    Thanks @stephencottontail
    thanks @maria Antonietta Perna

    I need my custum footer, that includes the sites important link at the bottom.
    One more thing if the content of the post contain only 2 to 3 lines, then what will happen to the footer, whether it comes up. If yes then what changes to the CSS files are required to ensure that the footer remains at the bottom whether content is small or large, .
    Can i remove the Powered by WordPress tag.
    Thanks in advance

    Hey Shivank,

    It looks like you need to change the content of your footer. Therefore, you need to create a child theme. There’s a lot of material online on how to do this, and creating child themes for my clients is something that I do very often: they’re a powerful customization tool. Here I can only try to summarize the required steps:

    #1: Create a folder and call it what you like, let’s say mychildtheme.
    #2: Inside this folder create a .css file and call it style.css
    #3: Open style.css and add these lines at the very top:

    /*
     Theme Name:   My Child Theme
     Theme URI:    http://example.com/mychildtheme/
     Description:  Parent Theme Name Child Theme
     Author:       Your Name
     Author URI:   http://example.com
     Template:     parentthemedirectory
     Version:      1.0.0
     Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
     Text Domain:  mychildtheme
    */
    
    /*
    For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where parentthemedirectory is the name of the directory where the theme resides:
    
    @import url("../parentthemedirectory/style.css");
    */
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */

    Obviously, replace parentthemedirectory, Parent Theme Name and mychildtheme with your parent theme’s directory, name, and child theme name respectively. In your child theme style.css you can change the CSS styles of your new theme.

    Now copy footer.php from the parent into the child theme, open it into a code editor and add your mods: add links, delete powered by WordPress, etc.

    To fix the footer to the bottom when no content is there, in style.css of your child theme (from now on I only refer to the child theme), add this rule:

    #footer {
        clear: both;
    }

    I took a screenshot of your site after deleting most content from the page using firebug (don’t worry, your site is still there), to show you that it works. You can access it here:

    http://uploadpie.com/7tvAT

    I hope this helps. If you stumble upon any issues, don’t hesitate to reach out for more help.

    Cheers!
    – Maria Antonietta

    Thread Starter shivank

    (@shivank)

    thanks @maria Antonietta

    Currently the website Cyber Fan has content on right. I wonder if there is no content at the right side of the page then adding these css style rule:

    #footer {
    clear: both;
    }

    can result into the same effect.

    I had deleted most of the content. I could try getting rid of all of it and see what happens, but I can’t do it right now. I’ll get back to you in a couple of hours or so, if it’s all right.

    My guess is that it will work, but I’ll be giving it a test later.

    Hi Shivank,

    Just tested Cyber Fan page with no content at all, and unfortunately the footer goes up. I found that by positioning the footer absolutely to the bottom I can achieve the desired result. Here’s a screenshot:

    http://uploadpie.com/5M4Gi

    Here’s the CSS:

    #bottom-menu {
        bottom: -248px;
        position: relative;
    }
    #footer {
        bottom: 0;
        clear: both;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
    }

    The flip-side of this is that you’ll need to adjust the blue section’s (bottom-menu) position in relation to the footer as your screen size shrinks or expands beyond a given size:

    http://uploadpie.com/HinC8

    You could do this using media queries. However, I wouldn’t recommend you go through so much headache just to keep the footer down when no content is on the page. After, all, it’s likely no one will see your website without any content.

    Just keep it as it is and test how much content you need to take out for the footer to be dislodged from the bottom and see for yourself if it’s worth the effort.

    I hope this helps. Don’t hesitate to reach out if you find other issues.

    Cheers!
    – Maria Antonietta.

    Thread Starter shivank

    (@shivank)

    thanks @maria Antonietta, it really helps me a lot. I appreciate your effort in resolving the problem.

    You’re very welcome, don’t hesitate to reach out if you need help 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How can I add custum footer to my blog?’ is closed to new replies.