Hosting that doesn’t suck. Use code UPSTARTBLOGGER for 3 free months!
_Nov 10  07

One Eyed View is a web developer and active blogger who uses Wordpress as his preferred platform. He's here to help with anything he can as it relates to Upstart Blogger theme modifications, and general blogging tips and tricks.

_How to Add a Footer to the Modicus Theme

_Entry

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!Subscribe to Upstart Blogger
_Comments

One Trackback

11 Comments

  1. forrestRain added these pithy words on 17 Nov 07

    Another great and very useful tutorial. Thanks a lot.

  2. One Eyed View added these pithy words on 17 Nov 07

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

  3. scribu added these pithy words on 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 added these pithy words on 21 Nov 07

    thanks for the GREAT post! Very useful…

  5. Maigret added these pithy words on 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 added these pithy words on 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 added these pithy words on 27 Jan 08

    Mail sent to you.
    Tx

  8. Thomas added these pithy words on 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 added these pithy words on 01 Apr 08

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

  10. Samuel Gaeremynck added these pithy words on 27 May 08

    Same problem here. Footer appears in the middle of the page. Someone has a solution? Thanks

  11. Lutz added these pithy words on 22 Jun 08

    Hallo,
    same problem here!
    My footer appears under the “Welcome to”… title :(

    Anybody has a solution for this?

    Thanks in advance!

    Lutz

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