Support » Themes and Templates » Whitepsace/gap at top of first post.

  • Resolved franciru


    Hello all, fairly new to wordpress, well the last week as a matter of fact.

    The reason I have started using is so I could intigrate a blog into my existing website. I managed this by following this tutorial which shows how to create my own theme but uses the 2010 themes css for the most part and my own css to display my navigation and footer correctly. I have been using my own themes ‘styles.css’ to overide any of the 2010’s css.

    Now my problem is as stated above, is that the my Blog’s first post is displaying a large amount of white space at the top. I have tried to eliminate this by writing CSS (Margins/Padding) for the individual post and also its containers, unfortunately with no luck.

    Does anybody have the faintest idea what is going wrong here? If so then please let me know your suggestions.

    Many thanks in advance!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Unfortunately you have some major problems with your layout — the sidebar1 is keeping the main content section down. Look at the width and/or float on the sidebar1 div.

    Lots of mark-up errors too:

    A few CSS errors:

    Thanks for noting that. Them errors are crazy, I have taken a look at the code and most of it looks fine.

    As for the width of the sidebar and maincontent, I have been playing with this and nothing seems to work, driving me crazy.

    Any other suggestions anybody??

    Sorry but those are MAJOR errors — you have mulitple DOCTYPES, body tags and head tags in that page. There is absolutely no sense in doing anything else until you sort those out.

    Sorry for me being dumb, I am extremely new to PHP and wordpress, having to get used to using multiple pages that are linked etc.

    I have now sorted the majority of the errors, although still a few to fix.

    Soo much better :). So on the sidebar / CSS, I think you’re going to have a hard time with having your old stylesheet code mixed in with twentyten’s, but try these changes:

    #container {
        margin: 0 auto;
        width: 80%;
    #sidebar1 {
        float: right;
    #mainContent {
        background-color: rgba(26, 26, 26, 0.8);
        color: #CCCCCC;
        margin: 30px 5px 10px 0;
        padding: 20px;
        width: 70%;

    That just seems to have pushed everything over to the left. I have now also created a new css to control my header, navigation and footer, so it isolates just them parts and nothing else.

    Something I noticed when testing on firebug was that on the main entry-title I disabled clear: both; which was set to the h2 and it moved just that part up to where it should be.

    Really strange and annoying.

    Thanks a lot for your help.

    Oh missed one thing — there’s a float: left on the #container on line 69 — take that off and the page centers again. Then you’ll need to fuss with the header stuff — as you said.

    Have now sorted it, the solution was down to deleting the facebook like plugin I had installed and getting rid of all the clear: both; on various pieces of code.

    Thanks again for your help and making me clean my code :o)

    Great! Good for you too. I really don’t know what it is, but I see SOOO many problems related to FB and other SM plug-ins…so that’s not very surprising, but at least you found it and ditched before going totally crazy :)!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Whitepsace/gap at top of first post.’ is closed to new replies.