Community Forums › Forums › Design Tips and Tricks › need 5 footer widget
Tagged: extra footer widget, footer, widget
This topic contains 6 replies, has 3 voices, and was last updated by Pinky 2 months, 1 week ago.
-
AuthorPosts
-
March 17, 2013 at 12:52 am #28472
I have 3 footer widgets but i want to put 5 footer widgets please give me the code and let me how to put it in details
thank you
March 17, 2013 at 4:41 am #28518You can grab all the code from the child themes functions.php and style.css file.
Use a text editor like Notepad++ to search and find using the word widget.
WordPress Developer & Consultant
Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.March 17, 2013 at 6:33 am #28531In your functions.php file (take a backup first), then add this code:
/** Add support for 3-column footer widgets */ add_theme_support('genesis-footer-widgets', 3 );You’ll then need to edit your style.css to make them line up properly.
If you give us a link to your site or tell us which theme you are using it will help.
cheers
Pinky
March 17, 2013 at 8:23 am #28542i am using news theme.
actually i do not know where and which code i have to edit. so please give me both code for functions.php and style.css.
thank you
March 17, 2013 at 5:31 pm #28697In your functions.php file you need to change this:
/** Add support for 3-column footer widgets */ add_theme_support( 'genesis-footer-widgets', 3 );
to this:
/** Add support for 5-column footer widgets */ add_theme_support( 'genesis-footer-widgets', 5 );
Then in your style.css go to line 1611 change this:
.footer-widgets-1 { float: left; margin: 0 20px 0 0; width: 295px; } .footer-widgets-2 { float: left; width: 290px; } .footer-widgets-3 { float: right; width: 295px; }to this:
.footer-widgets-1 { float: left; margin: 0 2% 0 0; width: 18%; } .footer-widgets-2 { float: left; margin-right: 2%; width: 18%; } .footer-widgets-3 { float: left; margin-right: 2%; width: 18%; } .footer-widgets-4 { float: left; margin-right: 2%; width: 18%; } .footer-widgets-5 { float: right; width: 18%; }then on line 2427 and below this:
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3,
add this
.footer-widgets-4, .footer-widgets-5,
That should do the trick!
cheers
Pinky
March 18, 2013 at 1:17 pm #29108its work
thank you
thank you
thank you
March 18, 2013 at 2:33 pm #29147hehe don’t ya just love it!
I’m glad it worked out for you!
cheers
Pinky
-
AuthorPosts
You must be logged in to reply to this topic.