background image in CSS from different site

Rory Reiff's Avatar

Rory Reiff

08 Nov, 2011 10:34 PM

How do I get Cascade to render a background image from another site in the current site I am on? I have tried numerous variations as shown at, but nothing seems to work, ala div.controls {
    background: url('[ system-asset]site://SITENAME/assets/images/site/play_small.png[/ system-asset]') 0 0; 

Any ideas? Thanks.

  1. Support Staff 1 Posted by Tim on 08 Nov, 2011 10:42 PM

    Tim's Avatar

    A couple of things you will want to keep in mind:

    • Make sure that your [system-asset] tags do not have spaces in them (even though the documentation examples have spaces):
            background: url('[system-asset]site://SITENAME/assets/images/site/play_small.png[/system-asset]') 0 0;
    • While editing the CSS file, click the System pane and make sure to check the box to Rewrite Links in file

    Let me know if this helps.

  2. 2 Posted by Rory Reiff on 08 Nov, 2011 11:20 PM

    Rory Reiff's Avatar

    That did the trick. Thanks! (why does the documentation have spaces if they shouldn't be there?)

  3. Support Staff 3 Posted by Tim on 08 Nov, 2011 11:48 PM

    Tim's Avatar

    Cool! Glad I was able to help out.

    (why does the documentation have spaces if they shouldn't be there?)

    I believe this was done as there was not a good way to output those characters and have it show up nicely formatted (and not have the '/' cause Cascade to attempt to rewrite it). Apologies for the confusion!

  4. Tim closed this discussion on 08 Nov, 2011 11:48 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac