WordPress.org

Forums

Twenty Twelve
[resolved] Footer question (9 posts)

  1. 20101012
    Member
    Posted 2 years ago #

    Hi,

    I'm using the out the box twentytwelve template on http://burtonfigg.co.uk/

    I have removed widgets from the sidebar, as I really like the full width on the page.

    However, that means that useful things like recent posts / categories etc. are missing.

    I like the way that when I had the widgets showing, they would drop to the bottom of the page when the page width hit the relevant width.

    I wondered - is it possible to have the widget sections appear at the bottom of the page all of the time, even when the page is viewed on e.g. a desktop PC / mac screen?

    I'd really like to get that working, so that I can keep the nice full width of the posts, but then have the recent posts / categories down at the bottom of the page - e.g. in a footer?

    I see there is no footer content area on the edit widgets part of the theme settings, so I am probably not going to be able to do it without some major hacking.

    Any advice much appreciated.

    Thanks very much

  2. paulwpxp
    Font hero
    Posted 2 years ago #

    You need to do 2 things

    1. Make a child theme
    2. Add footer widgets

    Google this "twenty twelve footer widgets", some people already written the whole tutorials about it, some even have the child theme ready for you.

  3. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Yes, definitely do not modify theme files directly - use a child theme for that kind of changes.

    http://codex.wordpress.org/Child_Themes

  4. leejosepho
    Member
    Posted 2 years ago #

    Here is how I added a footer with three widget areas to my own Twenty Twelve Child Theme:
    http://mywordpress.sterndata.com/2012/10/new-theme-twenty-twelve/

    And if you wish, I would gladly make a Child Theme for you (no charge, of course) with those already there.

  5. 20101012
    Member
    Posted 2 years ago #

    Thanks to all for your help - in the end I went with the one lessjosepho recommended:

    http://mywordpress.sterndata.com/2012/10/new-theme-twenty-twelve/

    Brilliant - just what I was looking for.

    Thanks1

  6. leejosepho
    Member
    Posted 2 years ago #

    Yes, that guy did a nice job putting that together.

    Here are some adjustments I have made so the left and center widget areas are the same size with plenty of room and yet stay out from under the Sidebar area:

    #footerwidgets {
    	width:100%;
    }
    #footerwidgets p {
    	padding-bottom: .5em;
    }
    #footerwidgets li, #footerwidgets p  {
    	padding-bottom: .5em;
    	font-size:80%;
    	line-height:1.1em;
    }
    #footer-left {
    	width:35%;
    	float:left;
    	padding-right:.5%;
    }
    #footer-middle {
    	width:35%;
    	float:left;
    	padding-left:.5%;
    	padding-right:3.5%;
    }
    #footer-right {
    	width:25%;
    	float:right;
    	padding-left:.5%;
    }

    You can use any percentages you wish there as long as they all (including padding) add up to 100%, and you might try something like 30/40/30 since you are not showing a Sidebar.

  7. cocopops67
    Member
    Posted 2 years ago #

    Hi, I have a problem of adding more than one widget to the widget areas. It seems there is a maximum length that can be accepted. So if I add more than one widget in each section it jumps over to the next column e.g.

    WidgetCol1 WidgetCol2 WidgetCol3

    Name Social Media Icons Newsletter Subscribe
    Adress ***I Want Posts Here***
    Email

    So if I then add the 'Latest posts' widget with 6 news stories into WidgetCol2 it will actually end up underneath WidgetCol1 area - not staying in Col2?
    It seems their is a maximum lenght of lines ,then widget breaks and I cant control the column it is supposed to be in?

    PS CSS novice

  8. cocopops67
    Member
    Posted 2 years ago #

    Oh dear, my graphic didnt work sorry - hope you get the idea.

    Col1 Col2 Col3 are the widgetised areas across the page

    Col1 contains Text Box
    Col2 contains Newsletter Subscription + Social Media Icons
    Col3 contains Email Information

    I want to add LatestPosts under column 2 as well, but adding the posts widget under column 2 breaks it and it appears under Col1

  9. DustinNay
    Member
    Posted 2 years ago #

    Looks like he changed his permalink structure without setting up redirects.

    Here is an updated link to his blog post: http://mywordpress.sterndata.com/new-theme-twenty-twelve/

    (and thank you for sharing here!)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.