Comments and replies – how to align?

  • Posted in : Read WP
  • Anonymous
    Inactive
    11 May 2016 at 13:05
    #30752

    Dear team,

    please see the reply to the comment here:

    https://drive.google.com/file/d/0B5FEmmXsTIPYSVdCQTZHSUhYYVU/view?usp=sharing

    There are aggenged as a cascade.

    I would like them to be arranged more like this with the avatar icon next to the name:

    https://drive.google.com/file/d/0B5FEmmXsTIPYM1lPcW5Menh6b3M/view?usp=sharing

    Any chance to do it?

    BR,
    Maciej

    serkan
    Moderator
    11 May 2016 at 14:24
    #30758

    Hi Maciej,
    Can you try to use these custom css codes;

    .comments-area ol ol {margin-left: 3%;}
.comments-area ol ol ol { margin-left: 4%; }

    Thanks

    Anonymous
    Inactive
    12 May 2016 at 10:40
    #30771

    Thanks! Works fine!

    Any chance to move the avatar icon next to the name, so that less space on the left is used?

    BR,
    Maciej

    serkan
    Moderator
    12 May 2016 at 11:51
    #30775

    Hi Maciej,
    Try to use these custom css codes;

    .comments-area ol ol .comment-meta img {  left: -85px; }
.comment-meta img {  left: -95px;  }

    Thanks

    Anonymous
    Inactive
    12 May 2016 at 12:25
    #30776

    Hi there,

    no reaction the avatar image stays in the same possition.

    M.

    serkan
    Moderator
    12 May 2016 at 14:37
    #30777

    Could you provide me your related url please?

    Anonymous
    Inactive
    12 May 2016 at 15:02
    #30778

    here you go:

    http://knedleipiwo.com/palac-pasaz-kawiarnia-i-kino-lucerna-czyli-4-w-1-pierwsza-czesc-mini-serii-009/

    M.

    serkan
    Moderator
    12 May 2016 at 15:29
    #30779

    Hi Maciej,
    Could you explain it to me more, please? You avatar already closed to the name. Do you want to erase the vertical left line ? The second comment should be little bit further than the first comment. I am confused.

    Anonymous
    Inactive
    12 May 2016 at 15:51
    #30780

    Yes, I would like to have it more or less like here:

    http://jakoszczedzacpieniadze.pl/jak-wypelnic-wniosek-rodzina-500plus

    M.

    serkan
    Moderator
    12 May 2016 at 16:27
    #30781

    Hi Maciej,
    Try to use these custom css codes;

    .comment-meta .fn { position: absolute; top: 40px; }
.comment-meta img { position: relative; left: -6px; }
.comments-area article, .comments-area ol ol article { margin-left: 0; }
.comments-area ol ol .comment-meta img { left: -10px; }
    Anonymous
    Inactive
    12 May 2016 at 17:37
    #30784

    Thank you. It works just fine :)

    The last thing -sorry for bothering you so much :)

    Any chance to move the date of the comment and “reply” button to the left, like here:

    http://jakoszczedzacpieniadze.pl/jak-wypelnic-wniosek-rodzina-500plus

    (the date can stay just above the name)

    M.

    serkan
    Moderator
    13 May 2016 at 00:58
    #30787

    Hi Maciej,
    You can do it for reply button but for the date it is not possible by default.

    .comment-reply-link { float: left; }
.comment .reply { text-align: left; }

    Thanks

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Read WP - Minimalist WordPress Blog Theme
Login and Registration Log in · Register