Answers.Body: <p>One way to customize styling is by putting your custom CSS inside the css/extras.css file. But I'm not sure which page you mean. The front-end contribution page has different sizes (<a href="https://wpmaster.demo.civicrm.org/contribution-page/" rel="nofollow noreferrer">https://wpmaster.demo.civicrm.org/contribution-page/</a>) and the back-end New Contribution form doesn't have email on it.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-07-11T23:50:14.537Z
Answers.Text: Thanks for the hint. I was not aware of the demo page. I cannot tell from the contribution page configuration what causes the email address field to be displayed. https://wpmaster.demo.civicrm.org/wp-admin/admin.php?page=CiviCRM&q=civicrm%2Fadmin%2Fcontribute%2Fsettings&reset=1&action=update&id=1
Answers.UserDisplayName: Ben Bachrach
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-07-12T00:05:04.557Z
Answers.Text: Are you able to edit your question to include a screenshot of what the contribution page looks like?
Answers.UserDisplayName: Demerit
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-07-13T11:14:27.197Z
Answers.Text: At Demerit request I tried to edit the question to include a screenshot, but all I as able to do was edit the answer. Hope that helps.
Answers.UserDisplayName: Ben Bachrach
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-07-13T12:37:42.740Z
Answers.Text: I meant a screenshot of your page on your site, not a screenshot of the public demo site.
Answers.UserDisplayName: Demerit
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-07-16T19:14:46.500Z
Answers.Text: I wasn't asking about my site, I am asking about the demo site.How does it know to have an email field.
Answers.UserDisplayName: Ben Bachrach
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-07-10T17:12:01.187Z
Answers.LastActivityDate: 2019-07-10T17:12:01.187Z
Answers.UserDisplayName: Demerit
Body: <p>Using a WordPress installation. Initially the contribution form shows an amount field and an email field. Is there a way to make the email field wider. Currently both are the same width. Inspecting the page it appears that both fields use the same style attribute. I would like the email field to be about twice the width of the contribution field.</p>
  
  <p>Any suggestions would be appreciated.</p>
  
Tags: <civicontribute><contribution-page>
Title: width of email field on contribution form
ThreadText: # width of email field on contribution form
  
  (Asked by: username_0 on 2019-07-10)
  
  Using a WordPress installation. Initially the contribution form shows an amount field and an email field. Is there a way to make the email field wider. Currently both are the same width. Inspecting the page it appears that both fields use the same style attribute. I would like the email field to be about twice the width of the contribution field.
  
  Any suggestions would be appreciated.
  
  **Tags:** civicontribute, contribution-page
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2019-07-10. Score: 1
  
  One way to customize styling is by putting your custom CSS inside the css/extras.css file. But I'm not sure which page you mean. The front-end contribution page has different sizes (<https://wpmaster.demo.civicrm.org/contribution-page/>) and the back-end New Contribution form doesn't have email on it.
  
  > **Comments:**
  > **username_0**: Thanks for the hint. I was not aware of the demo page. I cannot tell from the contribution page configuration what causes the email address field to be displayed. https://wpmaster.demo.civicrm.org/wp-admin/admin.php?page=CiviCRM&q=civicrm%2Fadmin%2Fcontribute%2Fsettings&reset=1&action=update&id=1  
  > **username_1**: Are you able to edit your question to include a screenshot of what the contribution page looks like?  
  > **username_0**: At username_1 request I tried to edit the question to include a screenshot, but all I as able to do was edit the answer. Hope that helps.  
  > **username_1**: I meant a screenshot of your page on your site, not a screenshot of the public demo site.  
  > **username_0**: I wasn't asking about my site, I am asking about the demo site.How does it know to have an email field.  
  
  ---
  
  