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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor ryanv12

    (@ryanv12)

    12 years ago

    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

    Thread Starter yasza

    (@yasza)

    12 years ago

    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 http://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;
    }

    Plugin Contributor ryanv12

    (@ryanv12)

    12 years ago

    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: http://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;
    }

    Thread Starter yasza

    (@yasza)

    12 years ago

    Hi Ryan,

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

    cheers..

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Disqus Comment System] Top icon button get wrong position’ is closed to new replies.