Community Forums › Forums › Archived Forums › Design Tips and Tricks › Just want one footer widget in Agent theme, but dont know how
- This topic has 7 replies, 4 voices, and was last updated 10 years, 7 months ago by
bandj.
-
AuthorPosts
-
January 11, 2013 at 12:21 pm #11287
citilife
MemberI would like to have just one footer widget that spans the entire width of the page. How can I accomplish this. I am using the Agency child theme, can anyone help with how I could accomplish this?
January 11, 2013 at 12:35 pm #11290Brian Bourn
MemberIn your functions.php file change:
/** Add support for 3-column footer widgets */ add_theme_support( 'genesis-footer-widgets', 3 );
to:
/** Add support for 1-column footer widget */ add_theme_support( 'genesis-footer-widgets', 1 );
After that you may need to make some CSS adjustments to the width along with anything else that pops up.
Bourn Creative | bourncreative.com | Twitter
March 1, 2013 at 6:10 pm #23608Tim Squires
MemberHi, could I please ask how to retain the 3 column widget area, but have the widget area itself extend to 100% width of the entire screen? I would like the footer widget area of this site to go full screen width in the same way that the band behind the welcome area/slider does.Many thanks for any tips, Tim
http://timsquires.com.au/hrmatters
March 2, 2013 at 7:33 am #23724bandj
Member@timsquires
the red behind the welcome area is your main background image, not actually the width of your #wrap.
your #wrap is 960px wide so everything is contained in it. You would have to change that to 100% wide and then change all the other div wraps like #header .wrap etc. down to #footer .wrap to 960px wide and margin: 0 auto
March 2, 2013 at 6:51 pm #23833Tim Squires
MemberThanks bandj, another forum member suggested that also and I gave it a try. It partially worked - I managed to adjust the width to 100%, and was then able to bring the footer widgets back into a centered position, but the space between the footer widgets was uneven. Also, I couldn't get the header, slider or other content areas to re-align to the center. Maybe I need to work back through it again to see what I'm doing wrong. But I also wondered if it is possible to create another background image - similar to the one behind the welcome area - and have that behind the footer widget area. That way I wouldn't have to adjust the div wraps, but I'm not sure if that method is possible. Many thanks for your advice - I'll keep trying 🙂
March 3, 2013 at 7:23 am #23878bandj
Memberyou can't add a 2nd background to the background already there.
But here is something you can try.
add something like this to your body...change the height and color as you like
border-bottom: 60px solid #d6244c;
then for your #footer add a negative bottom margin
margin: 0 auto -60px;
maybe you want to  add 9px bottom margin to #footer-widgets
Adjust the footer margin and border-bottom sizes etc to what you want.
Check all your pages and test on devices.
March 4, 2013 at 2:06 pm #24111Tim Squires
MemberHi bandj - thanks so much for that tip. It worked beautifully. I added the code that you suggested and by adjusting the values was able to achieve the effect that I needed. I wanted a band across the footer area to the anchor the page and provide some weight at the bottom. Your advice is very much appreciated - thanks again.
Tim
http://timsquires.com.au/hrmatters
March 4, 2013 at 2:12 pm #24113bandj
MemberLooks good.
you're welcome
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.