Support » Themes and Templates » Twenty Twelve Front Page template widget in wrong place

  • Resolved laalpert1


    I’ve modified the Twenty Twelve default template to three columns, but now my home page, using Front Page template displays the right sidebar below the content, rather than to the right side. .

    I’m using a child theme, but I don’t see why this is happening. I’ve tried many style.css edits.

    Any ideas? Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Your #primary div is set to width:100%, which means it will take up the full width of its parent div, the #secondary div won’t have room to float next to it.

    Your #secondary div is also set to clear:both and float:none, which means it won’t float at all. Try something like this in your css:

    .template-front-page .site-content article{

    The last bit is because your article width is set to a specific width, which would have taken it outside the visible area of the #primary div.

    @laalpert1 – that’s not a valid child theme – you should NOT have the entire stylesheet in your child theme – but ONLY changes you have made to the CSS code. That’s likely contributing to your difficulties in making changes…

    Thanks for the suggestions. I cleaned up the child theme css to only include changes. If I change the #primary div, won’t that affect ALL pages in the site, not just the frontpage? How can I change just the front page so that the sidebar shows up next to the content? Thanks again.

    Yes, you can use the home page unique class to target only that page – look at the body tag:

    <body class="home page page-id-18 .....>

    So then add .home to the CSS selectors:

    .home #primary{ ...

    for example.

    Thank you so much, that did it, and I’ll continue to work on the styling. Terrific!


Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Twenty Twelve Front Page template widget in wrong place’ is closed to new replies.