Change Footer Font Size

  • Author
    Posts
  • #1283721

    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.

    #1283854

    justpi
    Member

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

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

    Change the percentage to adjust the size.

    #1283916

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

    #1283935

    justpi
    Member

    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?

    #1283943

    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!

    #1283950

    justpi
    Member

    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.

    #1283960

    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?

    #1283977

    justpi
    Member

    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;

    #1283987

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

The topic ‘Change Footer Font Size’ is closed to new replies.