Adding page divisions

  • Unknown's avatar

    I am trying to add the html code so that I can have two page divisions (when the template only gives one). I don’t know how to describe well what I’m talking about, so to see the issue, go to:
    http://rememberthepoor.wordpress.com/sponsor-a-child-now/ (this has the 2nd page division I created- “FAQ’s”)
    http://rememberthepoor.wordpress.com/3/ (this has a page division created by the template)

    The one I created is indented in and cuts off the content of that section. I need the “FAQ” header I created to be all the way to the left. I hope this makes sense.

    Here is the html code that I inserted to add the extra page division.

    <div id=”content” class=”narrowcolumn”>
    <div id=”post-17″ class=”postwrapper”>
    <div class=”title”>
    <h2>FAQ’s</h2>
    </div>
    <div class=”page”>
    <div class=”snap_preview”>
    <p style=”text-align:left;”></p>

    <div class=”snap_preview”>

  • Unknown's avatar

    I suppose there must be a more intelligent way to do it, but anyway here’s how I managed to do what you want: replace all the code you gave above with

    <div class="postwrapper" style="margin-left:-0.19in;">
    <div class="title">
    <h2>FAQ’s</h2>
    </div>
    <div style="margin-left:0.19in;">

    and add a div closing tag at the end of the text.

  • Unknown's avatar

    Brilliant! Thank you. I am trying to do the same thing on the “Quotes” page, and it isn’t quite working. It removes the sidebar and the white background. I pasted in the quotes from Microsoft Word. That’s the only difference I can think of. Would I have to type them all by hand into WordPress? I can post or send a copy of the code if necessary…it’s just that it’s long because of all of the text and text colors.

    http://rememberthepoor.wordpress.com/quotes-and-photos/

  • Unknown's avatar

    Do not paste from MS Word. It brings in all sorts of junk code that will muck things up.

    Why not to use Word

  • Unknown's avatar

    However, the sidebar and color problem is probably due to a wrong tag (at some point it happened to me, too, while I was trying to work out the solution I suggested); I’ll look at the code and let you know.

    (You don’t need to post the code of the page: we can see it by selecting “View Source” in our browser.)

  • Unknown's avatar

    At the end of the text you have that:

    Randy Alcorn</span></p>
    </div>

    Add one more div close right after the p close – that’s all it takes (sorry, in my 7:07 post I should have made it clearer that I meant adding a div close BESIDE the one already there).

    And I guess in this page you’ll change the “FAQ’s” into something else.

  • Unknown's avatar
  • The topic ‘Adding page divisions’ is closed to new replies.