change minimum width to comment forms

• 

  gotmaester · Member · Nov 27, 2017 at 5:56 pm

  • Copy link
  • Add topic to favorites

  For some reason the minimum default settings for the Wilson theme’s comment fields (Email, name, website) are set two high. They don’t render well for the iPhone SE. The form for entering comments appear to be set right, however.

  https://ewtn.blog/2017/11/22/help-through-the-mail/comment-page-1/#comment-3

  So can someone help me change the settings?

  I also need help in changing the font size for the comments, and for the header “2 thoughts on “Building homes for teachers at a Catholic mission diocese in Togo, West Africa”

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 28, 2017 at 1:42 am

  • Copy link

  Hi there, I’ve checked your site on my iPhone 6s Plus and see the issue there as well, but can’t see the issue when simulating an iPhone in my browser, so let’s try adding this at the very bottom of your custom CSS to see if that fixes the issue.

  @media screen and (max-width: 600px) {
    #comment-form-guest {
      max-width: 100%;
    }
  }

• 

  gotmaester · Member · Nov 28, 2017 at 2:15 am

  • Copy link

  no, that did not work. I left the code there if you need to keep working on it.

• 

  gotmaester · Member · Nov 28, 2017 at 4:03 am

  • Copy link

  Until we can get this resolved… I will turn off comments on all the pages except for the following page which can be used for testing purposes.

  https://ewtn.blog/2017/11/22/help-through-the-mail/

• 

  thesacredpath · Member · Nov 28, 2017 at 6:48 pm

  • Copy link

  Hi there, on the post you referenced above, I’m seeing comments are closed. Can you edit that post and turn comments back on so that I can see what I can figure out?

• 

  gotmaester · Member · Nov 29, 2017 at 6:10 pm

  • Copy link

  okay, try now

• 

  thesacredpath · Member · Nov 30, 2017 at 9:48 pm

  • Copy link

  Thanks, the following will fix the issue with the comment form input fields.

  #respond input {
      max-width: 100%;
  }

• 

  gotmaester · Member · Nov 30, 2017 at 11:22 pm

  • Copy link

  thanks for your help

  that worked. I left the earlier code in place. Should I take it out or keep it in?

• 

  thesacredpath · Member · Dec 1, 2017 at 4:17 am

  • Copy link

  You are welcome. You can take it out since we are using different code now.