adlawrence

Thanks, DivByZRo! Here’s the updated code in my CSS that fixed it and centered the footer:

`/** Upper footer */
.site-footer .sidebar-container {
background-color: #fff;
padding: 0;
}

.site-footer .widget-area {
margin: 0 auto;
max-width: 1040px;
width: 100%;
}

.sidebar .site-footer .widget-area {
/*
max-width: 724px;
position: relative;
left: -158px;
*/
}

.site-footer .widget {
background: transparent;
color: #002566;
float: left;
margin-right: 20px;
width: 245px;
}

.sidebar .site-footer .widget {
padding: 0;
margin: 0;
width: 100%;
}`

Ah-ha! I figured it out. For anyone else, here’s the code in my child theme that I changed (clearly, in the theme’s CSS):

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #5DC2A5; /* Old browsers */
	background: -webkit-linear-gradient(top, #5DC2A5 0%, #3a997e 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #5DC2A5 0%, #3a997e 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #3a997e;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #5DC2A5; /* Old browsers */
	background: -webkit-linear-gradient(top, #5DC2A5 0%, #3a997e 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #5DC2A5 0%, #3a997e 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #5DC2A5; /* Old browsers */
	background: -webkit-linear-gradient(top, #5DC2A5 0%, #3a997e 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #5DC2A5 0%, #3a997e 100%); /* W3C */
	border: none;
	border-top: 3px solid #3a997e;
	padding: 10px 24px 11px;

I changed all of the hex color codes.

Victory! Thanks for the help, WPyogi and graphical_force. I really appreciate it. Next time, I’ll try restarting my FTP first.

*sigh*

WPyogi, thanks for reminding me and not to worry: All of my changes are going directly into my child theme.

I added that new coding following .nav-menu { and there doesn’t seem to be a change.

Any ideas?

For anyone wondering, the solution couldn’t be simpler. Here are directions (found by steveshead and discussed in this thread):

1. Create a new php file in your child theme called functions.php. Here’s all of the code you’ll need:

<?php
/**
 * Twenty Twelve Child functions additions.
 */

/**
 * Add a search bar to the navigation menu.
 *
 * @since Twenty Twelve 1.0
 */
function menu_search($items){
    $search = '<li class="search">';
    $search .= '<form method="get" id="searchform" action="/">';
    $search .= '<label for="s" class="assistive-text">Search</label>';
    $search .= '<input type="text" class="field" name="s" id="s" placeholder="Search" />';
    $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />';
    $search .= '</form>';
    $search .= '</li>';

    return $items . $search;
}
add_filter('wp_nav_menu_items','menu_search');

2. Upload said file into your child theme.

3. Disable the default navbar/menu. To do so, go to: Admin/Appearance/Menu and create a new navbar/menu. Once the new one is created, make it the primary menu by clicking on the drop down menu in the “Theme Locations” box on the same page. Add the links you’d like included in the menu and save.

4. Voila. Check your website to make sure everything works.