Community Forums › Forums › Archived Forums › Design Tips and Tricks › Creating new widget area below home featured boxes in Outreach
Tagged: home, outreach, widget areas
- This topic has 7 replies, 2 voices, and was last updated 12 years, 7 months ago by
Brad Dalton.
-
AuthorPosts
-
July 16, 2013 at 3:31 pm #51001
MakeYourselfVisible
ParticipantHi,
I'm trying to create a new widget area between the 4 featured boxes and the sub-footer widget area on the Outreach homepage but I can't figure out what hook to use. I'm able to add the area below the header following the instructions here (http://philipgledhill.co.uk/genesis-framework-widget-area/)
If anyone could direct me towards how to add it below the featured boxes, that would be much appreciated!
Thanks,
DavidJuly 16, 2013 at 3:58 pm #51004Brad Dalton
ParticipantJuly 16, 2013 at 4:32 pm #51013MakeYourselfVisible
ParticipantHi Brad, thanks for the help! That put the widget area after the home page slider and before the home page widgets (which could work) but ideally I'd want to place it after the home page widgets.
Do I have to change the 'genesis_after_content_sidebar_wrap' to something else? I'm kind of n00b but it looks like it's after the whole wrap and before div #home-sections.
Thanks,
DavidJuly 16, 2013 at 4:44 pm #51014Brad Dalton
ParticipantYes, All you need to do is change the hook from
genesis_after_content_sidebar_wrap
to another lower down like
genesis_before_footer
July 16, 2013 at 4:57 pm #51017MakeYourselfVisible
ParticipantThat worked 😀 Thanks so much Brad. I had to place your function above the sub-footer function which was also using the genesis_before_footer hook but once I did that it worked like a charm!
Also added in the styles from Brian Gardner's tutorial and changed .welcome-text to .home-widget and now it's styling as well 🙂
.home-widget { border-bottom: double #ddd; border-top: double #ddd; font-family: 'Lora', serif; font-size: 30px; line-height: 1.0; overflow: hidden; padding: 25px 0; text-align: center; } .home-widget p { font-size: inherit; line-height: 1.0; margin: 0; }Appreciate your help!
DavidJuly 16, 2013 at 6:21 pm #51060Brad Dalton
Participanti see, in the functions file? that would give it a higher priority which you can also do using the third parameter. Good stuff!
July 17, 2013 at 2:32 pm #51208MakeYourselfVisible
ParticipantYep, in funcitons.php. I definitely need to do some Genesis tutorials on hooks, but that worked in solving the current problem at hand 🙂 Thanks Brad!
July 17, 2013 at 2:58 pm #51213Brad Dalton
ParticipantAction Hooks are the easiest part of PHP with Genesis.
They're simply a position in the Genesis templates files.
You use them in your child theme to hook in widgets and content to a specific hook location.
There's nothing more to them.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.