WordPress.com

1. maickcosta
   Member
   Mar 8, 2011, 12:41 AM

   How can i change the position of category, tags and comment link fro above the post to below the post content?

   The blog I need help with is maickcosta.com.

2. timethief
   Member
   Mar 8, 2011, 4:10 AM

   Has this been dealt with in your other CSS thread or not?

3. maickcosta
   Member
   Mar 8, 2011, 4:16 AM

   No. I created another topic to discuss other kind of modification.

4. timethief
   Member
   Mar 8, 2011, 4:18 AM

   Okay. You will have to wait for TSP or hallluke to log in and help you.

5. maickcosta
   Member
   Mar 8, 2011, 4:21 AM

   Ok, no problem. Thank you! =]

6. hallluke
   Member
   Mar 8, 2011, 11:06 AM

   .post {position:relative;}
   .post-data {position:absolute; bottom:0; left:0;}
   .sharing {margin-bottom:60px;}

7. maickcosta
   Member
   Mar 8, 2011, 1:40 PM

   It's not like the way you put, but i take this and change to this:

   .post {
   position:relative;
   }

   .postcategory {
   position:absolute;
   bottom:0;
   left:0;
   }

   .posttag {
   position:absolute;
   bottom:0;
   right:0;
   }

   .postcomment {
   position:absolute;
   bottom:115px;
   right:0;
   }

   .sharing {
   margin-bottom:60px;
   }

   If you visit my blog you will see how its look. Now i want to swap the positions of sharing options (press this, tweet, facebook and e-mail) with the category and tags

8. hallluke
   Member
   Mar 9, 2011, 12:08 AM

   Try the following code, you might need to adjust some of the values until they fit where you want them:

   .post {padding-bottom:60px;}
   div.sharing {position:absolute; bottom:0; margin:0;}
   .post-data .posttag, .post-data .postcategory {bottom:40px;}
   .post-data .postcomment {bottom:70px;}

9. maickcosta
   Member
   Mar 9, 2011, 11:32 AM

   Ok, it's almost in the way i want. Which values i have to adjust to put the sharing options a little bit lower?

10. hallluke
    Member
    Mar 10, 2011, 9:46 AM

    Experiment until you find values that work. I've modified the code above and it spaces out the sections a bit more:

    .post {padding-bottom:80px;}
    div.sharing {position:absolute; bottom:0; margin:0;}
    .post-data .posttag, .post-data .postcategory {bottom:50px;}
    .post-data .postcomment {bottom:90px;}

11. maickcosta
    Member
    Mar 10, 2011, 6:54 PM

    Ok now. Really thanks!

Topic Closed

This topic has been closed to new replies.