2013 Theme Footer – change height and position

  • Resolved SkyyKorat

    (@skyykorat)


    9 years, 1 month ago

    In the Twenty Thirteen theme, there’s a “footer” that contains “Proudly Powered by WordPress”. I’m not sure what that area is called in CSS, or how the distance from the area above is set.
    I’d like to make it less tell (change the height?) and not have it so far below text in the “content?” area above it.

    I found that text in the footer.php file, but I don’t see anything in there that would alter how TALL the area is.

    Can someone tell me how to change those? If they’re in the style.css file can you tell me which thing it is? Of if they’re set in one of the php files, what they’re called?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Hi there SkyyKorat!

    In the CSS it would be the .site-info declaration. You can find that markup as well when you are using your browser’s development tools in conjunction with the inspect element feature.

    You can change that using CSS of course but the best practice is to use a custom CSS plugin or a child theme rather than editing the theme’s file directly; that way you don’t lose those changes if the theme does update down the road.

    In the style.css you will find a snippet:

    .site-info {
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

    In order to change its height you can change the padding by using something like:

    .site-info {
	padding: 75px 0;
}

    Hope that helps!

    Thread Starter SkyyKorat

    (@skyykorat)

    Thanks. Now that I have some idea where I should be looking I can fiddle with it and see if I can make it look a bit better…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2013 Theme Footer – change height and position’ is closed to new replies.