Anil Sharma

Genesis Altitude Pro – Adding 3 column footer

I use the Studiopress Genesis Altitute Pro theme a lot. It comes with a single footer widget area and earlier, there was an easy way to create a 3 column footer.  The earlier approach, mentioned in most google searches that you would find, was to add this line to the functions.php of the theme:

add_theme_support( ‘genesis-footer-widgets’, 3 );

When I recently update the theme to version 1.3.1, this stopped working. It might have changed in versions earlier than that, I don’t know, but it would not work in 1.3.1. I had to contact support, and they gave me a simple solution:

You can edit the theme-supports.php (config/theme-supports.php) in the Altitude Pro theme folder, and change the number of footer widgets there.

You will look for:

'genesis-footer-widgets'          => 1,

This works. To make the 3 footers look like columns etc, the following css needs to be in the stylesheet:

 

/* — Footer Widgets — */

.footer-widgets {
background: #595959;
color: #fff;
clear: both;
font-size: 10px;
font-size: .9rem;
padding: 40px 0 16px;
padding: 4rem 0 1.6rem;
}

.footer-widgets-1,
.footer-widgets-3 {
width: 31%;
padding:10px;
}

.footer-widgets-2 {
width: 34%;
padding:10px;
}

.footer-widgets-1 {
margin-right: 2em;
}

.footer-widgets-1,
.footer-widgets-2 {
float: left;
}

.footer-widgets-3 {
float: right;
}

.footer-widgets a {
border-bottom: 1px solid #666;
color: #fff;
text-decoration:none;
}

.footer-widgets a:hover {
color: #ccc;
}

.footer-widgets .widget {
margin-bottom: 24px;
margin-bottom: 2.4rem;
}

.footer-widgets .widgettitle {
color: #fff;
}

.footer-widgets li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.6rem;
word-wrap: break-word;
}

.footer-widgets .search-form {
width: 100%;
}

 

Hope this helps!

Leave a Reply

Your email address will not be published.