i wanna align comments counts on our website! comments counts need posted on same height username , date of comment.
how can fix this? tried margin , padding hasn't effect.
a preview in link below: http://zomerhitzz.blogspot.nl/2016/05/janieck-feel-love-sam-feldt-edit.html?showcomment=1465159461594#c4321997141132965583
thanks alot again
if talking small numbers in li::before?
move ::before onto class;
.comment-header::before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 11px; color: #b4b4b7; text-align: inherit; z-index: 2; padding-left: 5px; } this way best way trying achieve keeps elements in flow.
or ----
if want keep on li (add these attributes existing classes);
// li class .comment { position: relative; } // counter .comment-thread li:before { position: absolute; right: 5px; top: 10px; } // city / date comment header .comments .comments-content .comment-header { padding-right: 15px; } edit ---
change this;
.comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 11px; color: #b4b4b7; text-align: inherit; z-index: 2; position: relative; } to this;
.comment-header:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 11px; color: #b4b4b7; text-align: inherit; z-index: 2; padding-left: 5px; } 