Creating 5 Columns Footer Widgets

First open the functions.php file on Theme editor ( Dashboard->Appearance->Editor) or download the file via FTP/File Manager and open it on Notepad+ or any PHP editor. In maximum themes you will get this line

add_theme_support( 'genesis-footer-widgets', 3 );

Change the value 3 to 5.

If your theme is not supporting the footer widgets then add this line in the file

add_theme_support( 'genesis-footer-widgets', 5 );

Now you need to modify the style.css file.

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5 {
  width: 18%;
  float: left;
  margin-left: 2.5%;
}

.footer-widgets-1 {
  margin-left: 0px;
}

@media only screen and (max-width: 767px) {
 .footer-widgets-1,
 .footer-widgets-2,
 .footer-widgets-3,
 .footer-widgets-4,
 .footer-widgets-5 {
   width: 100%;
   float: none;
   margin-left: 0;
 }
}
This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.