TwentyTwelve Footer Issue

  • I’m having an issue where I changed the background of the footer to the color I want yet there’s a big space between the bottom of the footer and the bottom of the container. I am having a hard time figuring out where this is coming from? I did search these forms and I am not looking for a sticky footer I just want the footer at the bottom of the container not the page.

    https://eight84.com/loftisunderground

    Also I can change the navigation style (bold, italic etc) with the following in the navigation menu but for some reason the colors do not work there. It seems to be getting the color from somewhere else? (they are not black nor do they hover white)

    .nav-menu a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #000;

}
.nav-menu a:hover,
.nav-menu a:focus
.nav-menu a:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #fff;

}

    This is a child theme the first one I’ve done. thank you in advance for the help. I do use firebug but I cant seem to figure this one out as it looks like its relating to “page” and is about 25px.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Jeeper7727, add this to footer[role=”contentinfo”]

    float: left;
min-width: 100%;

    The color of the navigation is retrieved from the mother theme, Twenty Twelve, style.css, line 1577

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}

    It is in a media query ((min-width: 600px) which means it works on screens larger than 600px (like your desktop). Check about the same location for the hover effect. Put the same in your child theme’s style.css to override the mother theme

    Thread Starter Jeeper7727

    (@jeeper7727)

    Great thank you this worked very well! Since width is 100% would the text need to be centered within a different div? I’ve got text-align:center; in the footer but it seems to be off to the left a bit. Thank you again for the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘TwentyTwelve Footer Issue’ is closed to new replies.

Tags