Answers.Body: <p>If you use a custom CSS style sheet, you avoid the scenario you mention of losing modifications to your CSS upon upgrade.  From the top menu, go to <code>Administer &gt; System Settings &gt; Resource URLS</code> and use the Custom CSS URL field.  Its help text reads:</p>
  
  <blockquote>
    <p>You can modify the look and feel of CiviCRM by adding your own
    stylesheet. For small to medium sized modifications, use your css file
    to override some of the styles in civicrm.css. Or if you need to make
    drastic changes, you can choose to disable civicrm.css completely.</p>
  </blockquote>
  
  <p>You can put the file anywhere you'd like (so you would put it outside of the file structure that will get replaced when you upgrade CiviCRM; just specify its location in the field). That custom CSS file gets loaded <em>after</em> <code>civicrm.css</code> so as long as you've selected the proper components with your IDs, classes, etc. your custom CSS will take precedence over Civi's.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-02-22T02:47:21.620Z
Answers.Text: Just what I needed -- explanation in plain English.
Answers.UserDisplayName: P a u l
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-02-21T23:45:22.447Z
Answers.LastActivityDate: 2016-02-22T02:06:04.697Z
Answers.LastEditDate: 2016-02-22T02:06:04.697Z
Answers.UserDisplayName: Allen Hutchison
Body: <p>How can I preserve changes to civicrm.css when I update civicrm?</p>
  
  <p>For example the combo box for Event Fee(s), Registration Fee is too narrow - the amounts are cutoff on the right. I want to preserve my width setting of 20em.</p>
  
Tags: <wordpress><css>
Title: How can I preserve changes to civicrm.css when civicrm is updated?
ThreadText: # How can I preserve changes to civicrm.css when civicrm is updated?
  
  (Asked by: username_0 on 2016-02-21)
  
  How can I preserve changes to civicrm.css when I update civicrm?
  
  For example the combo box for Event Fee(s), Registration Fee is too narrow - the amounts are cutoff on the right. I want to preserve my width setting of 20em.
  
  **Tags:** wordpress, css
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2016-02-21. Score: 4 | Accepted answer
  
  If you use a custom CSS style sheet, you avoid the scenario you mention of losing modifications to your CSS upon upgrade. From the top menu, go to `Administer > System Settings > Resource URLS` and use the Custom CSS URL field. Its help text reads:
  
  > You can modify the look and feel of CiviCRM by adding your own
  > stylesheet. For small to medium sized modifications, use your css file
  > to override some of the styles in civicrm.css. Or if you need to make
  > drastic changes, you can choose to disable civicrm.css completely.
  
  You can put the file anywhere you'd like (so you would put it outside of the file structure that will get replaced when you upgrade CiviCRM; just specify its location in the field). That custom CSS file gets loaded *after* `civicrm.css` so as long as you've selected the proper components with your IDs, classes, etc. your custom CSS will take precedence over Civi's.
  
  > **Comments:**
  > **username_0**: Just what I needed -- explanation in plain English.  
  
  ---
  
  