Word count plugin

[lisilahlah]

Forum URL: little-lost.proboards.com

Hello there.

I'm using the word count plugin by Eton Bones and it's working perfectly, except that it looks odd in my create a post.



At the bottem you can see 510 (and under it : Words) minimum 300 words.
Is there anyway to make the 510 and the words go in the same line??

Lisa

[Brian]

Hi, lisilahlah.

Add this to your forum's global header.

<style type="text/css">
.word-count.mode-word .status:after { content: " Words"; }
.word-count.mode-char .status:after { content: " Characters"; }
.word-count .icon:after { content: none !important; }
</style>

[lisilahlah]

yesss
thanks!

[Chris]

I know this is an old thread but I just ran across it.

Keep in mind this will sort of break the transition between word and character mode in that plugin since it now permanently says "words". The additional mode-word and mode-char classes added to the div.word-count should be employed here to keep that feature operable:
.word-count.mode-word .status:after { content: " Words"; }
and
.word-count.mode-char .status:after { content: " Characters"; }

[Joachim]

Chris

Added in the bit you've posted above, tested by switching to characters, worked well except that now I had two 'Characters' in there, one in the one and the usual one below so I've set to using these four lines and it works perfectly well:
.word-count.mode-word .status:after { content: " words"; }
.word-count.mode-char .status:after { content: " characters"; }
.word-count.mode-word .icon:after { content: none !important; }
.word-count.mode-char .icon:after { content: none !important; }

Though I've noticed it works just fine without the third line, 'words' does not show up with just the first line but character does with just the second but not the last.

[Chris]

Thanks for that feedback Joachim, if you remove the .mode-word qualifier from line 3 it would then apply the negating effect of that rule to both modes (words and characters) without the need for a 4^th line, I hadn't notice it was specifically geared to the word mode only also in that line

[Joachim]

Well I pretty much just ended up shortening it up to three lines by putting the last two together as it is and it works wonders.

.word-count.mode-word, .word-count.mode-char .icon:after { content: none !important; }

Shortening it makes more sense though, make it more 'global' instead of too detailed. Thank you.