Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Sample – Need help with footer widgets
Tagged: footer widgets
- This topic has 6 replies, 3 voices, and was last updated 8 years ago by
Atila.
-
AuthorPosts
-
September 5, 2015 at 11:42 am #164673
Atila
MemberHi forum people! 🙂
I bought Genesis few days ago and I almost have everything in place, except footer. Now there are 3 footer widget areas, but they are stacked one on another. You can see it here http://wpvodic.com I left some text, calendar and tag cloud. I want to make footer like this: http://prntscr.com/8cy0ik.
http://wpvodic.com
Did not found any similar question on the forum.September 5, 2015 at 1:43 pm #164681Victor Font
ModeratorYou don't mention what theme you are using and it's impossible to know with the minification plugins you are using, but you might want to try this:
Look in your functions.php for this line of code:
add_theme_support( 'genesis-footer-widgets', 1 );
and change it to:
add_theme_support( 'genesis-footer-widgets', 3 );
If that doesn't work, and you already have 3 separate footer widget areas, then you need to change your css.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?September 5, 2015 at 1:44 pm #164682Atila
MemberI have also installed Genesis framework + child theme od test site, and the footer is again not looking like it's shown in Genesis demo mode here. I know this is probably not common, but if anybody had expirience with this issue, let me know the solution. 🙂
September 5, 2015 at 1:50 pm #164683Atila
MemberHey Victor! I am using Genesis Sample - The Genesis Framework free child theme. I have 3 separate widget areas, by default. So, then I would need to wrap those 3 widgets in CSS?
Yep,
//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );
is here by default. I think they added it in v2.2.September 5, 2015 at 2:02 pm #164685mmjaeger
MemberFor some reason they left out the whole css part for the footer widgets - put this in your stylesheet and everything should work:
/* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #333; clear: both; padding-top: 40px; } .footer-widgets, .footer-widgets a { color: #aaa; } .footer-widgets input { border: 1px solid #333; } .footer-widgets a.button, .footer-widgets a:hover, .footer-widgets a:focus { color: #fff; } .footer-widgets li { border-bottom: 1px dotted #666; margin-bottom: 10px; padding-bottom: 10px; } .footer-widgets .widget { margin-bottom: 40px; } .footer-widgets p:last-child { margin-bottom: 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 340px; } .footer-widgets-1 { margin-right: 60px; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; }
September 5, 2015 at 2:15 pm #164686Atila
MemberYour code works! Yea, theme comes without css for footer widgets. I have tried putting in the code StudioPress gives but for some reason it did not work.
Thanks! 🙂
September 5, 2015 at 2:55 pm #164692 -
AuthorPosts
- The topic ‘Genesis Sample – Need help with footer widgets’ is closed to new replies.