Sometimes Disqus doesn’t show the font size that we exactly prefer to look. Some themes make it smaller than how it should normally be – “The Erudite” as an example. So I tried to look up what I can I do to fix this, even I dislike learning about CSS, I think I have no other option.
The first attempt was to crack Erudite’s CSS from inside, but well, I just can find which font in which line that cause Disqus doesn’t appear proportionally. Okay, I gave up this – reading hundreds of CSS lines would surely made my head dizzy.
I did ask Matt – the Erudite’s creator – about any clue for this situation. He said that I may need some other CSS specially build for Disqus in Erudite. I feel I don’t really need the whole system change here, only the font size. So, I looked up some options based on this clue.
I tried to use external CSS (style sheet) that a build my own, point the Disqus to use that style sheet, but still – it doesn’t change at all – it is still looked the same way as before. Okay, forget the whole new CSS – the I did trying to hijack it by using CSS hooks from WP-Typography plugin for WordPress – and absolutely total failure experiment.
Then, why don’t you the simple way? – I thought of. Taking some line above, and hooks it from Disqus customization section? I read again the Disqus Custom CSS and Disqus CSS documentations, so I tried this line of code …
#dsq-content #dsq-comments .dsq-comment{ font-size:1.2em; }
And viola, the font has resized! Eureka!
You may try it for your self, but I can’t give any guarantee it would work the same way – since I stand no CSS in my head, ha ha….

Tinggalkan komentar