Adding page divisions
-
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”>
-
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.
-
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.
-
Do not paste from MS Word. It brings in all sorts of junk code that will muck things up.
-
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.)
-
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.
-
- The topic ‘Adding page divisions’ is closed to new replies.