Footer
Permalink Browser Info Environment
I'm sure the resolution for this is somewhere in this "Slate" forum, but I am not sure how to populate answers in just the Slate forum.
Anyway, I love working with this theme. I assume this is a very easy change, but how do I change the footer background to stretch 100% length of my webpage, keeping the columns centered like they already are?
I know normally I would have to pull out the footer from the container it's in, but I'm not used to working with Concrete themes yet.
I'd also like to do this with the logo/nav area as well, so I am sure it would be same as footer div.
Any help would be appreciated. Thank you!
Anyway, I love working with this theme. I assume this is a very easy change, but how do I change the footer background to stretch 100% length of my webpage, keeping the columns centered like they already are?
I know normally I would have to pull out the footer from the container it's in, but I'm not used to working with Concrete themes yet.
I'd also like to do this with the logo/nav area as well, so I am sure it would be same as footer div.
Any help would be appreciated. Thank you!
Type: | Discussion |
---|---|
Status: | New |
Hmmm, wasn't me who replied, at least not regarding this.
Check out this:
http://www.concrete5.org/marketplace/themes/slate/forums/extending-...
Basically, in the footer.php file (located at packages/theme_slate/elements/footer.php) you'll have to move the whole <footer> section outside the closing #container div tag (down at the very bottom). Then you'll probably have to add another div right inside the <footer> and set the following properties in the theme's main.css file (located at packages/theme_slate/main.css):
Then just do something similar to the <header> and <nav> elements located in the header.php file (in the same elements folder)
Check out this:
http://www.concrete5.org/marketplace/themes/slate/forums/extending-...
Basically, in the footer.php file (located at packages/theme_slate/elements/footer.php) you'll have to move the whole <footer> section outside the closing #container div tag (down at the very bottom). Then you'll probably have to add another div right inside the <footer> and set the following properties in the theme's main.css file (located at packages/theme_slate/main.css):
max-width: 1100px; width: 100%; margin:0 auto;
Then just do something similar to the <header> and <nav> elements located in the header.php file (in the same elements folder)
Thanks! That worked.
Great! You're very welcome!
Thanks for your reply. Although I'm not sure I wrote my question out right. I do know where those changes are in the theme. I was looking to find out how to stretch the bottom of the footer, not just change the color. I want the footer background to extend on both size no matter what the screen size is if that makes sense.