WordPress.org

Forums

Disqus Comment System
[resolved] Top icon button get wrong position (5 posts)

  1. yasza
    Member
    Posted 3 years ago #

    Hi,

    I just installed disqus to my themes. everything is fine except the top icon button. I believe this is the ul li problem in the CSS themes. I have try several CSS trick but not work at all

    Have a look the screenshot here
    ´╗┐´╗┐https://skitch.com/yasza/8u6g2/disqus-1

    http://wordpress.org/extend/plugins/disqus-comment-system/

  2. ryanv12
    Member
    Plugin Author

    Posted 3 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

  3. yasza
    Member
    Posted 3 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;
    }

  4. ryanv12
    Member
    Plugin Author

    Posted 3 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;
    }

  5. yasza
    Member
    Posted 3 years ago #

    Hi Ryan,

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

    cheers..

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Disqus Comment System
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic