How to Add a Footer to the Modicus Theme

Nov 10  07

Have you dreamed of adding a footer to the Upstart Blogger Modicus theme but just didn’t know how? There’s more than one way to skin a cat they say (who actually says this, I don’t know), but below you will find one way to add a footer to the Modicus theme that I’ve used.

In your Wordpress installation, go to your “Theme Editor” and navigate to the “Stylesheet”. There you will find all of the CSS definitions for the Modicus theme. If you go to the CSS definition for “footer”, you’ll notice that it’s pretty bare.

footer_css_original2.jpg

Because this footer CSS is already called in the “footer.php” page, all we need to do is define some actual CSS instead of leaving it blank.

footer_css_addition21.jpg

After doing this we get this nifty footer area…(click image for close-up)

with_footer_css22.jpg

You’ll notice that in the footer I’ve added a couple of example links to my blog. You can add any information you’d like. Here’s the code I’ve used…(click image for close up)

footerphp_link_add.jpg

By adding some CSS definitions to the footer area of the “Stylesheet”, you can add a footer to the Modicus theme. Learn more about CSS here. You can see a working example of the Modicus theme here.

 Stumble it!

All feedback is welcomed via comment or trackback.

Comments and Trackbacks

One Trackback

9 Comments

  1. forrestRain 17 Nov 07

    Another great and very useful tutorial. Thanks a lot.

  2. One Eyed View 17 Nov 07

    You’re quite welcome, and thanks for the comment. Stay tuned for more;)

  3. scribu 18 Nov 07

    I use the Modicus theme on my blog and I have added a footer before I saw this tutorial and it looks pretty good.

    Btw, thanks for the theme. :D

  4. Whatever-ishere 21 Nov 07

    thanks for the GREAT post! Very useful…

  5. Maigret 26 Jan 08

    Hello and congratulations for your templates but I’ve a problem in the insertion of the footer. Firefox or IE display it in the middle of the page. I can’t put it at the bottom.
    Any idea?

  6. WordPress Modder 27 Jan 08

    Maigret,

    I’ve visited the link to your site, can you add the footer and post back so we can test your footer in our browsers? You can contact me via my link and then visiting the contact page.

  7. Maigret 27 Jan 08

    Mail sent to you.
    Tx

  8. Thomas 30 Jan 08

    Hi, i’m having issues with this method of making a footer.
    On pages with not much content I have a lot of space. The footer seems to take its 95% margin from the longest page & doesn’t adjust on shorter pages, in IE & FOX..
    Any ideas?
    Thanks!

  9. Bill Rini 01 Apr 08

    Did anyone ever figure out what the issue was with the footer appearing mid-page? I’m having the same issue.

Post a Comment

Comments are moderated. It may take some time before your comment appears. Please be patient. Comments become the property of Upstart Blogger.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Note: Please post support questions in the Forums. Be sure to read the Upstart Blogger WordPress Themes FAQ before posting. Thanks!

Your email is never published nor shared. Required fields are marked *

*
*

Hosting that doesn’t suck. Use code UPSTARTBLOGGER for 3 free months.

Return to Top