WordPress.org

1. yaysloths
   Member
   Posted 2 months ago #

   hey all - i've been having pretty good luck getting the new design of my blog in shape but i'm stuck on something and i'm ready to admit defeat. here's the deal:

   i'm using the Satorii theme (which is based on Sandbox) and i absolutely adore 95% of it - the part that's bugging me is that the comments seem to appear in the footer (or in something styled like the footer) and it just looks really weird to me. i'd like them to appear in pretty much the same format as the post - something like this. (scroll down to see comments.) nothing fancy.

   so that's my main issue right now; in a perfect world i'd also like to see what it would look like to move the post meta stuff from the left side of the entry to the bottom (again, nothing fancy - this would be just fine) but that's not really keeping me up at night.

   links to my current code, in case it helps:

   stylesheet
   comments
   index

   and this is what the whole thing looks like now. any assistance would be massively appreciated. thanks!

2. esmi
   Member
   Posted 2 months ago #

   Try editing single.php and moving <?php comments_template(); ?> out of <div id="nav-below" class="navigation yui-g"> and into the <div id="post-<?php the_ID(); ?>" <?php post_class() ?>> block.

3. yaysloths
   Member
   Posted 2 months ago #

   holy crap! it worked. that is just amazing. thank you! do you carry around all this stuff in your head all the time, like some sort of coding superhero? i'm quite jealous.

   one follow-up question and then i think i'm all set: your magic trick moved the comments out of the footer but now they've got some weird margin issues, and the text of the comment is no longer on the same line as the commenter's name/avatar. i messed with the stylesheet a bit but probably only complicated matters. (and yes, i don't need that trackback section at all - would much prefer than comments get to take up the whole width of the section.

   current stylesheet
   current comments file

   thank you SO much...

4. esmi
   Member
   Posted 2 months ago #

   now they've got some weird margin issues

   Now that you've shifted the comments, you'll need to amend the theme's stylesheet to take the move into account.

   To extend the comments the full width of that block, add:

   #comments-list {
   width:100%;
   }

   Then try changing:

   #comments-list .yui-u {
   border-left:2px solid #E3E2C9;
   padding:1em 0 1em 1.5%;
   width:100%;

   }

   to

   #comments-list .yui-u {
   border-left:2px solid #E3E2C9;
   padding:1em 0 1em 1.5%;
   width:86%;
   }

5. yaysloths
   Member
   Posted 2 months ago #

   absolutely perfect. thank you so much!!

6. esmi
   Member
   Posted 2 months ago #

   Excellent! And just for the record...

   do you carry around all this stuff in your head all the time, like some sort of coding superhero?

   25% experience, 75% looking at the code. No superhero skills required. :-)

   But if you ticked the "resolved" checkbox, I'd be ever so grateful. We coding types get a kick out of seeing another thread marked as resolved.

7. yaysloths
   Member
   Posted 2 months ago #

   done! thanks again - and i still think you should at least get to wear a cape or something. *i* totally would if i could fix this stuff by myself. :)

Reply

You must log in to post.