Answers.Body: <p>The easiest option is probably to use inline styles in your markup for the relevant element(s):</p>
  
  <pre><code>{% set sitePath = craft.config.environmentVariables.sitePath %}
  
  &lt;div class="foo" style="background-image:url('{{ sitePath }}/assets/bg.jpg');"&gt;
      &lt;img src="{{ sitePath }}/assets/logo.png" alt="" /&gt;
  &lt;/div&gt;
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-12-22T21:09:31.210Z
Answers.LastActivityDate: 2016-12-22T21:09:31.210Z
Answers.UserDisplayName: Mats Mikkel Rummelhoff
Body: <p>Not sure how to do this. I'm setting up a multi-lingual site with a couple of locales and I have 3 different environments set up. I've set up some <code>environmentVariables</code> for assets store and assets path these work fine in the templates. </p>
  
  <p>However how do you deal with background images in the CSS file? Can you include the Twig code? i.e. add <code>{{ craft.config.environmentVariables.sitePath }}</code> to the image path I'm assuming not as CSS uses the curly braces. I know I can add the full URL to the image but this is no good when trying to work within different environments where the overall domain path will be different each time.</p>
  
  <p>Anyone come across this problem and have any ideas?</p>
  
  <p>Many thanks.</p>
  
Tags: <localization><multi-environment><environmentvariables>
Title: How to set multi-lingual image paths in a css file for different environments?
ThreadText: # How to set multi-lingual image paths in a css file for different environments?
  
  (Asked by: username_0 on 2016-12-22)
  
  Not sure how to do this. I'm setting up a multi-lingual site with a couple of locales and I have 3 different environments set up. I've set up some `environmentVariables` for assets store and assets path these work fine in the templates.
  
  However how do you deal with background images in the CSS file? Can you include the Twig code? i.e. add `{{ craft.config.environmentVariables.sitePath }}` to the image path I'm assuming not as CSS uses the curly braces. I know I can add the full URL to the image but this is no good when trying to work within different environments where the overall domain path will be different each time.
  
  Anyone come across this problem and have any ideas?
  
  Many thanks.
  
  **Tags:** localization, multi-environment, environmentvariables
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2016-12-22. Score: 1
  
  The easiest option is probably to use inline styles in your markup for the relevant element(s):
  
  ```
  {% set sitePath = craft.config.environmentVariables.sitePath %}
  
  <div class="foo" style="background-image:url('{{ sitePath }}/assets/bg.jpg');">
      <img src="{{ sitePath }}/assets/logo.png" alt="" />
  </div>
  
  ```
  
  
  ---
  
  