@@ -65,24 +65,5 @@ Each time you press Save in the Custom CSS Rules dialog, your content will be au
When you are satisfied with your styling, you can leave it like it is or copy(be aware about file paths, see below) the CSS to the Custom Sandbox World Style Sheet CSS file(as described above)
## About paths to resources(files)
In the example above, the file custom.css is residing in the world *Oneshots*, in a subfolder named *style*.
- :house: Data
- :file_folder: worlds
- :file_folder: oneshots
- :file_folder: style
- :page_facing_up: custom.css
- :file_folder: images
- :page_facing_up: bg.jpg
To use a path to a file(named *bg.jpg*) in a subfolder to *style* named *images*, see below.
### Using a CSS-file
When using a CSS-file, any paths to images etc must be relative to where your CSS-file is located
```css
background-image:url("images/bg.jpg");
```
### Using Custom CSS module
When using Custom CSS, the relative path is based on the root of the Foundry Data folder
This css examples in this article is written when using the module Custom CSS, for more information see [About file paths in CSS](https://gitlab.com/rolnl/sandbox-system-builder/-/wikis/How-to/CSS/About-file-paths-in-CSS)
