Community Forums › Forums › Archived Forums › Design Tips and Tricks › Stretch footer widgets – Foodie Pro Theme
Tagged: foorie pro, footer, full width, stretch
- This topic has 10 replies, 3 voices, and was last updated 8 years, 1 month ago by Aussie.
-
AuthorPosts
-
June 16, 2015 at 3:55 pm #156432VeraKMember
Hello,
http://olddesignshop.com/test
I am in the process of finishing an upgrade for a blog. I am using the Foodie Pro theme. This is the URL: http://olddesignshop.com/test
I have made the footer widgets, as instructed, but I need the black color background to stretch from side to side, full screen.
The theme support is no help. they only offer support as to how to set the theme up like the demo.
I have found and read and tried everything about the hooks, but was unsuccessful. I installed the Genesis Hook Guide, to help with this - nothing.
Can you help me, please, to move the entire footer widget area and footer to below the content container? Below the "genesis_after" hook, for instance?
Thank you for your assistance,
VeraJune 16, 2015 at 4:54 pm #156447Tony @ AlphaBlossomMemberHi,
around line 582 of your style.css, you have .site-container set to "max-width: 1140px;" and "padding: 0 30px;".
You should remove that and instead apply it to your .site-inner div. You'll also have to make the adjustment in your media query if you'd like the same effect for smaller screens.
Have a great day!
Tony
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
June 16, 2015 at 5:43 pm #156453VeraKMemberTony,
Thank you for your prompt reply.
Apologies, that is not what I meant. I don't need the whole site container stretched.
I only need to move the FOOTER WIDGETS and the footer down, to be placed BELOW the site-container, ahd yave ONLY the footer area background stretch full screen.
I have found the answers that instruct to remove actions in the theme's function.php file and replace them with other actions. However, this hasn't made a difference. Don't know why.
Thnk you for your assistance.
VeraJune 16, 2015 at 8:14 pm #156475Tony @ AlphaBlossomMemberIf you try my suggestion I think you'll find that it does what you described...but if you want to move it to genesis_after, this will do what you need:
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' ); add_action( 'genesis_after', 'genesis_footer_widget_areas', 3 ); remove_action( 'genesis_footer', 'genesis_do_footer' ); remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 ); remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 ); add_action( 'genesis_after', 'genesis_do_footer' ); add_action( 'genesis_after', 'genesis_footer_markup_open', 5 ); add_action( 'genesis_after', 'genesis_footer_markup_close', 15 );
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
June 17, 2015 at 7:28 am #156518VeraKMemberTony,
Thank you.
As a matter of fact, I did try it out. It made everything jump to the left and change proportions, and the whole site container has become full width. That's how I knew it wasn't what I wanted.
Now I have placed your code in, and got two footer widget areas: the one I want and the one I had before. Somehow it doesn't want to go away. What am I doing wrong?
Thank you so much for your help,
VeraJune 17, 2015 at 11:09 am #156537VeraKMemberTony,
I think I've got it. I put in the style.css the following:
'.site-container .footer-widgets {
display: none;
background-color: none !important;
}
.site-container .site-footer {
display: none;
}'
Don't know if it is the right thing to do, but it appears to have solved the double footer areas.
But if you think there is a better, more correct way and this one is not right - I would appreciate your help in the solution.
Thank you,
VeraJune 17, 2015 at 11:37 am #156539Tony @ AlphaBlossomMemberHi Verak,
I'm glad you tried it, but I think something was wrong. When I change the css, the site looks exactly the same except the black footer-widgets background becomes full width.
For the functions, i'm not sure why there would be two footer widgets. Your original footer-widgets and footer are not being removed. I tried this code with the Foodie theme and everything works fine.
I can think of two things that might be causing this...where ever you're adding this code is getting executed before the original code to add the footer widgets and footers, so it's not removing them, or there is some custom code added that's adding them again.
My guess is the first, so I'd recommend (if you're not already) adding it to your theme's functions.php file inside the foodie_theme_setup() function, at the end.
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
June 17, 2015 at 12:49 pm #156547VeraKMemberTony,
Yes, thank you. That was it.
I have added them almost in the correct place, but after the "}" closing the foodie_theme_setup() function. Now that you said "inside", I realized the mistake, moved the code before the "}" - and it solved the double footer issue.
Thank you for your help.
VeraJune 17, 2015 at 12:53 pm #156549Tony @ AlphaBlossomMemberHi Vera,
Awesome! Glad it's working how you want 🙂
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
June 17, 2015 at 1:39 pm #156558VeraKMemberThank you. 🙂
February 28, 2016 at 5:03 am #180142AussieMemberIm having similar issues.. Its a terrible child theme, all she's done is add restrictions to it.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.