Need help? Check out our Support site, then


Change Footer Font Size

  1. summerhibiscus
    Member

    What is the CSS code to change the font size of the Word Press footer? I found the code to add my own footer here in the forum, but now the Word Press footer is too big. I'd like the Word Press footer to be the same size as my footer. Thank you for your help.

    The blog I need help with is summerhibiscus.net.

  2. Delete the font-size rule from .site-info:before, and add this:

    .site-info {
    font-size: 75%;
    }

    Change the percentage to adjust the size.

  3. Thank you so much! You have a very informative WP help site too. I go for help there too=)

  4. You're welcome, and thanks!

    a) As I said, you must delete this from .site-info:before:
    font-size: 12px;
    b) Did you turn everything to one line by accident or on purpose?

  5. Actually I added your code too because if I 'Delete the font-size rule from .site-info:before,' it deletes my footer and keeps just the WP footer.
    And I figured the WP footer looks better on the same line, after my footer rather then under it. If there's a code to put the WP footer above my footer, that would be great. Thanks again!

  6. if I 'Delete the font-size rule from .site-info:before,' it deletes my footer and keeps just the WP footer.

    I don't think so! When you say .site-info:before: content such-and-such, you say display this content before the credits. It should show up no matter if you specify a font size or not. The font size you apply to .site-info will apply to the extra content too, so specifying a separate font size for it is redundant unless you want a different font size. Perhaps you made a typo. It should be like that:

    .site-info {
        font-size: 70%;
    }
    .site-info:before {
        content: "Copyright © 2006-2013 summerhibiscus.net All Rights Reserved.";
    }

    If there's a code to put the WP footer above my footer, that would be great.

    You would do it as you originally did it (display block), only with "after" instead of "before":

    .site-info:after {
        content: "Copyright © 2006-2013 summerhibiscus.net All Rights Reserved.";
    display: block;
    }

    But I think it looks better on one line.

  7. I think it was a typo=) What I did now was delete the 2 codes and copy/paste the above code. And you're right about leaving it all on one line but would it look better if the WP footer were further to the right instead of right next to me?

  8. Probably.

    a) If you mean a little to the right, add this to .site-info:before:
    margin-right: 14px;
    Change the value to adjust the space.
    I would also suggest centering the whole thing; try adding this to .site-info:
    text-align: center;

    b) If you mean copyright notice left, credits right, add this to .site-info:
    text-align: right;
    and this to .site-info:before:
    float: left;

  9. summerhibiscus
    Member

    I'll try them both. I appreciate your time and patience! I am def learning from this css forum.=)

Topic Closed

This topic has been closed to new replies.

About this Topic