Support » Theme: Twenty Twelve » Too much verticle space between static front page widgets

  • Resolved mskellyw


    I’m just setting up a new site and using the static front page layout in TwentyTwelve…

    My issues is that when setting up widgets on the front page, there is a stupid amount of vertical space in between the widgets in the left column. I’m using a text widget in the right column for a mailing list opt-in form… I’m assuming there’s something funky going on with that, but I haven’t been able to find anything obvious in that code that looks like it would cause this issue.

    The site is at

    Also, is there a way to force specific widgets into one column or the other? Right now, it seems like they just alternate back and forth, regardless of size.

    I’m not a total newbie to building websites, but I’m definitely not a developer by any stretch of the imagination… I was trying to avoid setting up a child theme, editing too much CSS, etc, but can if I have to. If that’s what it’s going to take, please just talk to me like I’m an idiot 🙂

    Any help would be greatly appreciated!

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi


    Forum Moderator

    Do not edit the Twenty Twelve theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes. Or use a custom CSS plugin.

    Thanks Esmi, I’m aware that I shouldn’t edit my parent theme… I was hoping to be able to solve this stuff either through the basic site editing tools or by using Jetpack. If I have to create a child theme I will, but I don’t want to do that until I know that’s the only way to solve these issues.

    Any ideas on what I would need to change if I did decide to create a child theme?



    Forum Moderator

    You should be able to get away with just using Jetpack’s CSS module for this. Try using Firefox with the Firebug add-on to pinpoint the CSS you need to over-write. Or use whatever developer tool is available in your web browser.

    I wasn’t kidding when I said I was kind of an idiot when it comes to this stuff… I’m familiar with Firebug, but I’m not someone who can just look at code and see what needs to be changed. I’m an acupuncturist, not a web designer… That’s why I’m posting here for help 🙂

    It’s by design via .widget:nth-child(2n+1) and .widget:nth-child(2n).

    To avoid that issue is easy, all you have to do is assign widgets that you want on the left column into “First Front Page Widget Area” and put widgets wanted on right into “Second Front Page Widget Area”

    The vertical empty space will be gone.



    Forum Moderator

    For future information, it is really beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as instead.

    Thank you paulwpxp! That fixed it!

    I didn’t realize that was what the second front page widget area was for… Thanks for pointing it out!

    Hey Paulwpxp, does this work if you have a dynamic front page?

    Do I move all my widgets from the main sidebar to number 2 and the spacing will be gone?



    Moderator Andrew Nevins


    You can discuss that in your own thread.


Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Too much verticle space between static front page widgets’ is closed to new replies.