Comments and replies – how to align?

  • Posted in : Read WP
  • Anonymous
    Inactive

    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

    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

    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

    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

    Hi there,

    no reaction the avatar image stays in the same possition.

    M.

    serkan
    Moderator

    Could you provide me your related url please?

    Anonymous
    Inactive
    serkan
    Moderator

    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

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

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

    M.

    serkan
    Moderator

    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

    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

    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
Login and Registration Log in · Register