WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
[resolved] Too much verticle space between static front page widgets (11 posts)

  1. mskellyw
    Member
    Posted 1 year ago #

    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 http://happymamahealthybaby.com/

    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!

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  3. mskellyw
    Member
    Posted 1 year ago #

    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?

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  5. mskellyw
    Member
    Posted 1 year ago #

    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 :)

  6. paulwpxp
    Font hero
    Posted 1 year ago #

    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.

  7. esmi
    Forum Moderator
    Posted 1 year ago #

    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 http://www.css-discuss.org/ instead.

  8. mskellyw
    Member
    Posted 1 year ago #

    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!

  9. kricklewoodfarm
    Member
    Posted 1 year ago #

    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?

    http://www.kricklewoodfarm.com/

    Thanks!

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    @kricklewoodfarm
    You can discuss that in your own thread.

  11. kricklewoodfarm
    Member
    Posted 1 year ago #

    ok...

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic