WordPress.org

Forums

[resolved] Width help (7 posts)

  1. makta112
    Member
    Posted 2 years ago #

    Hi

    I'm trying to make the comments on my site float right, but I seem to be unable to do so.

    I'm using Disqus.

    This is the code I've placed in the CSS, which it doesn't work:

    #disqus_thread {width:525px; float:right;}

    My site: http://www.geimaku.com/31/05/2012/tinal-test/

    Thanks.

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    use a tool such as Firebug for these kind of formatting issues; http://getfirebug.com/

    your style is ok, but this style in your child theme's styles is limiting the #content width:

    #page #content {
        width: 610px !important;
    }
  3. makta112
    Member
    Posted 2 years ago #

    Hi

    Thanks. I've removd that code, and the comment section looks fine now. But now the width of the content area in the home page is is much bigger too.

    How can I have a different size in the home page then?

  4. alchymyth
    Forum Moderator
    Posted 2 years ago #

    the theme uses body_class() http://codex.wordpress.org/Function_Reference/body_class - use those extra page specific css classes to style different pages different;

    example:

    the home page has the body class .home; to make any style specific for the home page, start it with .home in connection with your style in style.css:

    .home #page #content { ... }

  5. makta112
    Member
    Posted 2 years ago #

    Awesome, thank you, alchymyth! I really appreciate your help.

  6. mycurlymane
    Member
    Posted 2 years ago #

    I am also struggling with the width of Disqus. It is currently too far off to the left of my site. You can see this at http://mycurlymane.com.

    I'm not sure how to adjust this with the 2012 version of Disqus. Any help you can lend is appreciated. I'm also not deeply savvy with coding and could use some detailed steps.

  7. mycurlymane
    Member
    Posted 2 years ago #

    Pasting the code above in my CSS Editor seemed to do the trick!

    #disqus_thread {
    width:400px;
    margin-left:25px;
    margin-right:25px;
    margin-top:75px;
    }

    It's still over to the left, but muuuuch better! If I wanted to adjust further, do you have any tips on the numbers I should use/adjust in the code? I'm a bit nervous about tweaking this further.

    Thank you!!

Topic Closed

This topic has been closed to new replies.

About this Topic