[Support request] Editing the comment format (Sparkling)

Sparkling
1

Hi guys.

Right now the comments have the following format (see the pic attached):

  • commenter’s name (linked to commenter’s site)
  • date of the comment (linked to the permalink of the comment)
  • comment

The two links from line 1 and line 2 are very close and that’s bad for the mobile users.

I’d like to change that. My idea is to move the date of the comment from the second line to the first one and align it to the right (while the commenter’s name stays as it is: aligned to the left).

Could you please let me know how to do it? Or do you have a better idea to solve that problem?

Thank you,
Adrian

P.S. The theme I refer to is Sparkling. I’m using a child theme. My blog: http://www.adrianjock.com

2

Hi Adrian,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS


#comments .comment-author.vcard {
    float: left;
}
#comments .comment-metadata {
    float: right;
}
#comments .comment-content {
    clear: both;
}

Best Regards,
Movin

3

Thank you very much for the solution, Movin. I’ve just added the code to the file style.css of my child theme and it works fine.

I appreciate your help. Have a great day!

4

You are most welcome here :slight_smile: