Creating 5 Columns Footer Widgets

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;
 }
}

Share This Article

Subscribe Membership Plan ($9.99/mo)

  • Get full access to all premium tutorials
  • Get Support for the posted content
  • Request for specific how-to tutorials
  • Cancel the subscription at anytime

Reader Interactions

Leave A Reply

Your email address will not be published. Required fields are marked *