@@ -65,24 +65,5 @@ Each time you press Save in the Custom CSS Rules dialog, your content will be au
...
@@ -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)
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)
## :bulb: A note about file paths
In the example above, the file custom.css is residing in the world *Oneshots*, in a subfolder named *style*.
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)
- :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