Non-alignment of a post in a ‘Page’.
-
On my site – http://dickiebo.wordpress.com – I have just started a ‘Page’ for Meme’s. I have just posted one done on June 23rd – the 3rd entry – only to find that some of it disappears off the right-hand side of the post. I’ve tried all ways to correct, but failed dismally yet again. Any crumbs of comfort, please?
PS. The original Post on June 23rd was OK. -
A link to the page with the problem would be helpful…I really don’t know here to look without it.
-
-
-
That happened because you tried to create sub-headers like the actual header of the page. The theme, however, understands these sub-headers as part of the content of the page, so they get further to the right. You must compensate for that by giving an extra command for their margins. But you’ve got other mistakes, too, because you transferred the code of other posts to that page, including code that has no place here – so take a deep breath and get going…
Go to the html page editor. At the end of the first section, delete this:
<ul> <li class="page_item page-item-3504">Posted by: <strong>dickiebo</strong> | August 17, 2008 <a title="Edit post" href="http://dickiebo.wordpress.com/wp-admin/post.php?action=edit&post=2717"><span style="color:#7f1d1d;">(edit)</span></a></li> </ul>(In case you do want the date-stamp, put this in its place:)
<p>Posted by: <strong>dickiebo</strong> | August 17, 2008</p>
Beginning of section 2. Delete this:<div id="content"> <div id="post-2717" class="postwrapper wideposts"> <div class="title"> <h2>Memes</h2> </div> <div class="post hentry category-uncategorized"> <div class="entry"> <p class="snap_preview">Put this in its place (to properly align the sub-header and the text):
<div class="postwrapper" style="margin-left:-0.19in;"> <div class="title"> <h2>Memes</h2> </div> <div style="margin-left:0.19in;"> <p align="none"></p>In the body of section 2 you’ve got lots of these:
<p class="snap_preview">
Replace them with this:
<p>
End of section 2. Remove this:
<p class="snap_preview">Posted by: <strong>dickiebo</strong> | June 23, 2008 <a title="Edit post" href="http://dickiebo.wordpress.com/wp-admin/post.php?action=edit&post=1719"><span style="color:#7f1d1d;">(edit)</span></a></p>
(In case you do want the date-stamp, as above.)
Then add this:
</div></div>
Beginning of section 3. Delete this:<p class="snap_preview">A Meme</p> <div id="content" class="snap_preview"> <div class="post hentry category-uncategorized"> <div class="entry"> <div class="snap_preview">and put this in its place:
<div class="postwrapper" style="margin-left:-0.19in;"> <div class="title"> <h2>A Meme</h2> </div> <div style="margin-left:0.19in;"> <p align="none"></p>At the very end make sure you’ve got two closing divs (as in the end of section 2) and nothing else after them.
Cheers!
-
-
It’s easier than it seems – it’s all locate, cut, copy and paste! I suggest you use two windows in your browser: one for this forum page and one for your page editor.
-
-
No, don’t try that again if you’re not sure what exactly a chunk of code does. You can copy the code from inside your post editor -no fear with that- but not from the source code provided by your browser.
But if you intend to keep adding sections with a header in a page, keep that part somewhere for future use. I repeat it here for convenience:
<div class="postwrapper" style="margin-left:-0.19in;"> <div class="title"> <h2>HEADER TITLE HERE</h2> </div> <div style="margin-left:0.19in;"> <p align="none"></p> -
- The topic ‘Non-alignment of a post in a ‘Page’.’ is closed to new replies.
WordPress.com Forums 