Navigation i hyperlinks (jag vet, det är andra ggn jag tar det), även kallat page jump, kan vara bra när man går in på kommentarer då man vill hamna vid kommentarsfältet och inte högst upp på sidan som standard.

Medans vi ändå håller på, så kan vi göra ett räkneverk så vi slipper "1 kommentarer" och även styla fälten man fyller i texten i.

Hitta i startsidan
<a href="{{ entry.url }}#comment">{{ entry.comment_count }} kommentarer</a>

Obs...
Det kanske inte heter "comment" på din sida, men du borde lätt lista ut det isåfall.
För mig var det till ex först, #post-comments, vilket inte alls stämde, comment var ganska bra men hamnade inte vid textareas man ska skriva i, #author var den första "#" som kunde läggas till som navigation i hyperlinken.

För att ta reda på sökvägen högerklickar du i chrome.


Sedan i granska komponent hittar du en #någotnamn som passar dit du ska.
För mig var det #author som sagt.



Nu när du vet namnet ..... går vi tillbaka till "hitta i startsidan", för att ersätta den koden med.
{% if entry.comment_count == 0 %} <a class="post-meta" href="{{ entry.url }}#author">No comments yet :(</a> {% elif entry.comment_count ==1 %} <a class="post-meta" href="{{ entry.url }}#author">En kommentar :)</a> {% else %} <a class="post-meta" href="{{ entry.url }}#author">{{ entry.comment_count }} kommentarer</a> {% endif %}
Sedan ersätter du #author med det du har.
Självklart ska du även ändra texten "No comments yet" "En kommentar" "kommentarer".


Nästa.... textfälten händer noll med när man drar musen över dom.. hur ändrar man så det blir ljus runt när musen är över dom och lägger radier i hörnen?

Du tar reda på vad dom heter först genom metoden ovan(Genom att högerklicka i fälten och granska komponent)..

Stilmall för allt nedan. (border-colorn.... gör så att det ser ut som rutan växer /om det är samma färg som bakgrunden såkalrt...)
#author:hover, #email:hover, #url:hover, #kommentarer:hover { -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 185, 233, .75); box-shadow: 0px 0px 2px 2px rgba(0, 185, 233, .75); /* ta bort denna text, och tecknena på sidorna för att aktivera en "fade"effekt. -webkit-transition: all 0.3s ease; transition: all 0.3s ease; */ border-color: #000;}
Och radierna ska vara permanent, inte responsive med musen så där lägger man inte in hover, om man inte vill att fältet ska forma sig likt färgen? tror det skulle vara störande.
#author, #email, #url, #kommentarer {border-radius: 6px;}

Bakgrundsfärgen i fälten, textfärg och bredd, och höjd om man så vill...
Kom ihåg .... det kanske inte heter likadant på din sida, sök med högerklick och ersätt, du borde se var du ska fylla i det.
/* De tre översta*/ #comment form input[type=text], #comment form input[type=email], #kommentarer content textarea { background: #000; color: #fff; font-size: 16px; margin: 0px 0px 0px 0px; font-weight: 200; float: left; width: 700px;} /* nedersta */ #comment form textarea {background: #000; /* margin avstånd i ordning>upp, höger, ner, vänster.. */ margin: 12px 0px 0px 14px; width: 910px; height: 70px; border-style: solid outset; border-width: 2px; border-color: #8E92A0;}

Inläggssida...
Texten i fälten före man skriver? placeholder="".
Min översta ruta ex...
<label for="author"></label> <input type="text" id="author" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" placeholder="Namn" />



Och själva typsnittet som är ändrat i "svar", och lutningen i svaret istället för raka i kommentar.
Högerklicka på "svar", hur drar man in @fonter?, sök stycket "Glöm inte alla fonter".
För mig var "svar" strong.response-from
och stilmallen behöver för just min font...
{font-family: royal chicken; font-size: 80px; font-weight: 100;}

Och själva svarets text, div.response
Detta är med websäker font, istället för @font .. vanliga arial men italic(lutning, ibland funkar cursive) så det skiljer sig bättre från kommentaren.
{font-style: italic; font-family: "arial", serif; font-size: 18px; font-weight: 100; line-height: 0,9;}


Lycka till :)