Change the position of category, tags and comment link – Notepad theme

  • Author
    Posts
  • #580542

    maickcosta
    Member

    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.

    #580700

    timethief
    Member

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

    #580702

    maickcosta
    Member

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

    #580704

    timethief
    Member

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

    #580706

    maickcosta
    Member

    Ok, no problem. Thank you! =]

    #580779

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

    maickcosta
    Member

    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

    #580844

    hallluke
    Member

    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;}
    #580851

    maickcosta
    Member

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

    #580857

    hallluke
    Member

    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;}
    #580858

    maickcosta
    Member

    Ok now. Really thanks!

The topic ‘Change the position of category, tags and comment link – Notepad theme’ is closed to new replies.