[Plugin: Disqus Comment System] Top icon button get wrong position

Hi Yasza,

In general you want to look for any other <ul> or <li> css that might be affecting this (using Firebug or the default Chrome inspector tool). If you do find anything, you can override it in the Disqus Custom CSS box by targeting the Disqus content <li> tags specifically:

#dsq-content li, #dsq-content ul {
<your overrides go here>
}

-Ryan

Hi Ryan,

Thanks for come around, I try to fiqure out the CSS but can’t find out which one affecting disqus button. This is my page https://www.yasza.com/christmas-card/

I have try using this CSS, but nothing changing
div#disqus_thread li, div#disqus_thread span {
list-style-type: none !important;
}

Thanks for the link! I took a look and it appears to be caused by the “clear: both” property that you have for list items in the theme. Here’s what it looks like in your stylesheet:

ul li, ol li {
clear: both;
…
}

Link to the CSS file: https://www.yasza.com/wp-content/themes/yz/style.css

You should be able to fix this with the following custom CSS:

#dsq-content li, #dsq-content ul {
clear: none !important;
}

Hi Ryan,

Thanks a bunch, it’s work fine now.. you’re the man

cheers..