Can I add a row spanning all columns in the footer?

Hey,

There isn’t really any way to do this by default, but one option would be to add it to the 4th footer column, then place it below the other 3 with some CSS.

You could also use page builder and layout builder widgets in your footer to have more control over the footer layout.

Either way would likely require some CSS to make some adjustments.

Does that help at all?

-Kevin

I need 4 columns, but could I do 5 columns and then what CSS would I use to place it spanning below the other 4? Also, my footer seems wider than it should be…

Here is all my current CSS:

.contentclass {
padding-bottom: 0;
}
footer#containerfooter {
padding-top: 0;
}
.footerclass .widget {
margin-top: 0;
}
#containerfooter h3 {
font-size: 18px;
}
#containerfooter {
font-size: 13px;
}
#containerfooter .menu li a {
max-width: 190px;
}
.sf-menu li li ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
right: auto;
right: 100%;
}
ul.sf-dropdown-menu li a {
font-size: 15px !important;
}
.kad-topbar-right .textwidget {
width: 50%;
padding-top: 5px;
}
#imageslider .flexslider .flex-direction-nav {
position: static;
}
.kad-topbar-right .virtue_social_widget.clearfix {
width: 50%;
float: right;
}
.kad-topbar-right {
width: 100%;
}
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}
.home-iconmenu a {
background: #ff6600;
}

There is no option for 5 columns in your footer in Virtue Free.

Your best bet is building your footer in a page builder plugin.

I don’t see anything in that CSS that should be throwing off your footer. Does it show properly when you remove the CSS from the custom CSS box?

-Kevin

I removed every piece of CSS that was referencing the footer and it did not fix the width issue. Do you have any other suggestions?

I’m still not sure what’s throwing the layout off, but I believe this CSS will fix it:

footer#containerfooter {
    max-width: 1174px;
    float: none;
    margin-right: auto;
    margin-left: auto;
}

Let me know if that works for you!

-Kevin