Comments Box a little Squished

Homepage › Community Forums › Epik Theme Support › Comments Box a little Squished

Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 29, 2013 at 8:10 pm #4420
    GDU
    Customer

      Hi Wes, firstly fantastic theme! Thanks for your great work 馃檪

      I have two questions which I’m hoping you may be able to help me with.

      Firstly, when viewing my comments box the width of the comments box doesn’t appear to be sufficient to contain all of the text/ Please see here for an example:

      http://goo.gl/pVQIc

      Any idea what the issue may be?

      My second question should hopefully be an easier one. I’m wanting the site to be as mobile compatible as possible however when inserting images into posts they don’t auto resize if I insert the image in it’s full size (eg the salary table in this post)

      http://goo.gl/g51RD

      Are you able to provide any guidance which will reduce the size of the image (proportionally to the rest of the post) when viewing the size on a mobile device?

      Many thanks in advance for your assistance Wes

      Regards

      Mark

      April 29, 2013 at 9:32 pm #4428
      Wes
      Moderator

        Your plugin’s css has 50px of padding on the left which is why it appears cut off on the right, since its being pushed over. You can override that css by adding this to your style.css file – 

        #social .social-comment-body {
    width: auto !important;
}

        For the second question please create a separate thread/topic. We have a “One Question Per Thread” policy, that we all have to follow (including myself). This helps us keep everything organized, and it makes it easy when other users are searching for similar questions.

        Let me know if the above code fixes the comment issue.

        Thanks

        April 29, 2013 at 10:47 pm #4430
        GDU
        Customer

          Thanks Wes, noted about the one question one thread policy (Apologies)

          I have applied your suggested change and I’m still having the same issue unfortunately.

          I’m not sure if this is linked to the same plugin css but I also have a large section of white space between the input box for comments and the first comment posted (Pease see image).

          Comment Box - White Space

          Thanks again for your help

          April 30, 2013 at 1:19 pm #4443
          Wes
          Moderator

            Ok I see, it looks like you made an error when adding it to your css file.

            You erased a bracket “}” that was originally there to close out the responsive section. You’ll need to add that back, and then add the code from above right under it.

            It currently looks like this at the bottom of your css file – http://i.imgur.com/DCeL5IE.png

            You’ll need to change it to looks like this instead – http://i.imgur.com/hOq4SNs.png

            April 30, 2013 at 1:25 pm #4444
            Wes
            Moderator

              The 430px of extra space is coming from inline code that was added to the iframe itself. If you view the page source you can see it – http://i.imgur.com/BvQI4mP.png

              So it’s not coming from the css or anything, it appears to be something inline…..or maybe its the plugin you’re using

              April 30, 2013 at 8:49 pm #4462
              GDU
              Customer

                Perfect, thanks Wes. That fixed it!

                April 30, 2013 at 11:35 pm #4469
                Wes
                Moderator

                  You’re Welcome

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Comments Box a little Squished’ is closed to new replies.