Answers.Body: <p>This isn't so much a CiviCRM question as a CSS question, which is answered <a href="https://stackoverflow.com/questions/1411484/how-do-i-adjust-the-width-of-a-dropdown-select-box">on Stack Overflow</a>.</p>
  <p>There are several ways to edit CSS, depending on your CMS.  Some WordPress themes allow you to edit it directly from the WP dashboard.  You can always edit your Drupal or WP theme's CSS, and you can specify a <a href="https://civicrm.stackexchange.com/questions/2857/can-i-use-a-custom-style-sheet-css-for-user-modifications">custom CiviCRM CSS file</a>.</p>
  <p>It looks like the CSS you want is:</p>
  <pre><code>.crm-contribution-form-block-financial_type_id #financial_type_id {
      width: 400px;
  }
  </code></pre>
  <p>You can also experiment with:</p>
  <pre><code>#financial_type_id {
      width: 400px;
  }
  </code></pre>
  <p>The second option should change the width in more locations.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-15T05:44:38.177Z
Answers.Text: Dear Jon,   Since I am new to the Civicrm, we are using WordPress for Civicrm. How can I reach/edit the CSS of this page/theme in wordpress?
Answers.UserDisplayName: Francis Sleibi
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-15T06:35:44.437Z
Answers.Text: @FrancisSleibi I don't think I can easily walk you through all the steps without knowing what you are able to do.  Do you have a way of putting files on the server?  Either with FTP or a file manager or something else?
Answers.UserDisplayName: Jon G - Megaphone Tech
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-15T06:40:58.517Z
Answers.Text: I need to access the CSS file which is related to "financial_type_id" to extend the display of it. How can I edit this file?
Answers.UserDisplayName: Francis Sleibi
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-15T14:59:20.933Z
Answers.Text: @FrancisSleibi The easiest thing to do is to create a new CSS file.  Do you have a way of putting files on your server?  Are you the person responsible for the installation and maintenance of CiviCRM?  This is a more technical task.
Answers.UserDisplayName: Jon G - Megaphone Tech
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-18T05:13:15.640Z
Answers.Text: Our IT administrator is not available and I am trying to solve this problem and since I am new on CiviCRM , I could not manage to solve it. Any kind of help will be appreciated.
Answers.UserDisplayName: Francis Sleibi
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-18T10:41:31.507Z
Answers.Text: To make things more clear, the display of Fund (Financial Type) field such as the above photo  with field data  of "Sons and Daughters of Joseph and Regina Abu Zarur in memory of F"  are not shown completely. How can I show/display it completely?
Answers.UserDisplayName: Francis Sleibi
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-18T17:48:53.540Z
Answers.Text: @FrancisSleibi I've asked twice if you have a way of putting a file on the server, but you haven't responded.  This is unfortunately a technical task, and it may be best to wait for your IT administrator to be available.
Answers.UserDisplayName: Jon G - Megaphone Tech
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-14T19:26:31.227Z
Answers.LastActivityDate: 2021-10-14T19:26:31.227Z
Answers.UserDisplayName: Jon G - Megaphone Tech
Body: <p>Dear I need to extend the <strong>view</strong> of the Fund (Financial Type) field in the view of the new contribution? How can I do that? Please check the attached photo.
  <a href="https://i.sstatic.net/MTs6a.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/MTs6a.png" alt="enter image description here" /></a></p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2021-10-14T16:50:43.317Z
Comments.Text: Are you asking how to avoid the name of long financial types from being cut off?
Comments.UserDisplayName: Jon G - Megaphone Tech
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2021-10-14T18:36:23.130Z
Comments.Text: Looking down that list (and none of my business really) but I wonder if 'Financial Type' is the best way to create the differentiation that you are after. It could be a clever workaround to get you exactly what you need, but given I see 20 items between Soc... and Spe.... suggests you could have many hundreds in total, and hence i wonder if this approach scales that well.
Comments.UserDisplayName: petednz - fuzion
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2021-10-14T19:27:38.257Z
Comments.Text: I mostly agree with Pete - this is a LOT of financial types.  However, if you are using accounting integration, this may be exactly what you need.  I have a client with 1600 financial types because they must all have a unique general ledger code in their chart of accounts.
Comments.UserDisplayName: Jon G - Megaphone Tech
Tags: <civicontribute><theme>
Title: how to extend a field view in the new contribution screen?
ThreadText: # how to extend a field view in the new contribution screen?
  
  (Asked by: username_0 on 2021-10-14)
  
  Dear I need to extend the **view** of the Fund (Financial Type) field in the view of the new contribution? How can I do that? Please check the attached photo.
  [![enter image description here](https://i.sstatic.net/MTs6a.png)](https://i.sstatic.net/MTs6a.png)
  
  **Tags:** civicontribute, theme
  
  > **Comments:**
  > **username_1**: Are you asking how to avoid the name of long financial types from being cut off?  
  > **username_2**: Looking down that list (and none of my business really) but I wonder if 'Financial Type' is the best way to create the differentiation that you are after. It could be a clever workaround to get you exactly what you need, but given I see 20 items between Soc... and Spe.... suggests you could have many hundreds in total, and hence i wonder if this approach scales that well.  
  > **username_1**: I mostly agree with Pete - this is a LOT of financial types.  However, if you are using accounting integration, this may be exactly what you need.  I have a client with 1600 financial types because they must all have a unique general ledger code in their chart of accounts.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2021-10-14. Score: 1
  
  This isn't so much a CiviCRM question as a CSS question, which is answered on Stack Overflow.
  There are several ways to edit CSS, depending on your CMS.  Some WordPress themes allow you to edit it directly from the WP dashboard.  You can always edit your Drupal or WP theme's CSS, and you can specify a custom CiviCRM CSS file.
  It looks like the CSS you want is:
  .crm-contribution-form-block-financial_type_id #financial_type_id {
      width: 400px;
  }
  
  You can also experiment with:
  #financial_type_id {
      width: 400px;
  }
  
  The second option should change the width in more locations.
  
  > **Comments:**
  > **username_0**: Dear Jon,   Since I am new to the Civicrm, we are using WordPress for Civicrm. How can I reach/edit the CSS of this page/theme in wordpress?  
  > **username_1**: @FrancisSleibi I don't think I can easily walk you through all the steps without knowing what you are able to do.  Do you have a way of putting files on the server?  Either with FTP or a file manager or something else?  
  > **username_0**: I need to access the CSS file which is related to "financial_type_id" to extend the display of it. How can I edit this file?  
  > **username_1**: @FrancisSleibi The easiest thing to do is to create a new CSS file.  Do you have a way of putting files on your server?  Are you the person responsible for the installation and maintenance of CiviCRM?  This is a more technical task.  
  > **username_0**: Our IT administrator is not available and I am trying to solve this problem and since I am new on CiviCRM , I could not manage to solve it. Any kind of help will be appreciated.  
  > **username_0**: To make things more clear, the display of Fund (Financial Type) field such as the above photo  with field data  of "Sons and Daughters of Joseph and Regina Abu Zarur in memory of F"  are not shown completely. How can I show/display it completely?  
  > **username_1**: @FrancisSleibi I've asked twice if you have a way of putting a file on the server, but you haven't responded.  This is unfortunately a technical task, and it may be best to wait for your IT administrator to be available.  
  
  ---
  
  