Decrease width of footer element and increase height to content area

[nlockier]

Hello there,

Newbe to learning Child Theme Customization and CSS here (through Lynda.com tutorials), referred to the forum by support hoping someone can help me please? My blog is built on the Genesis Luscious Theme and is http://neilshealthymeals.com

I'm trying to reduce the width of the footer at the very bottom (where the Genesis Framework by StudioPress text is) to 960px to match the overall width of the page content and to make the height reach the bottom of the page content. I'm also removing the multicoloured border image and changing the background to white. I've got as far as this:-

/* background: url(images/border.png) top repeat-x; */
background-color: #FFFFFF;
clear: both;
overflow: hidden;
padding: 14px 0px 7px 0px;

using the Google Chrome "Inspect Element" function. So I've managed to do everything except find out how to decrease the width to 960px and increase the height.

Can anyone advise me please?

Thank you

Neil

http://neilshealthymeals.com

[emasai]

To remove the space between the widgets and the footer, change the #footer-widgets to
margin: 0 auto 0;

I'm presuming you want the footer to be the same width as the content? If so change
Change #footer width to 960px
Change #footer .wrap to 900px
Remove width on #footer .creds

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[nlockier]

Hello Emasai,

Thank you for your help!

First part "To remove the space between the widgets and the footer, change the #footer-widgets to
margin: 0 auto 0;" works perfectly, the space between the widgets and the footer has been removed, thanks! 🙂

Second Part - yes I want the footer to be the same width as the content, but:-

There is no "#footer width" within the Luscious Child Theme stylesheet I could find? Sorry! Where is it?

Thanks again.

Neil

[emasai]

Sorry, I meant #footer add width 960px and margin: 0 auto; to center it. Then do the other 2 declarations

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[nlockier]

Fantastic, thank you Emasai!!

Works perfectly now in test environment.

I just need to write it up so I remember all the changes! 🙂 🙂

I really appreciate your help. 🙂

Neil

[Author]

Posts