Skip to content

Commit aa9b1ca

Browse files
committed
Updated README regarding the scrolling background.
1 parent c940ece commit aa9b1ca

File tree

1 file changed

+30
-1
lines changed

1 file changed

+30
-1
lines changed

README.md

+30-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,36 @@ Copy the config.toml file from the exampleSite folder into your root folder of y
2121

2222
### Change the background
2323

24-
Should you choose to change the background, replace the `bg.jpg` file in `themes/aerial/static/css/images`.
24+
Should you choose to change the background, create a `/static/css/images` folder and add a picture named `bg.jpg`. For the best results, follow these instructions:
25+
26+
The Scrolling Background:
27+
28+
This relies entirely on CSS to do its thing, which is cool, but that makes
29+
changing it a bit weird/tricky at first. You can still use pretty much any image
30+
you want, but for best results make sure yours is:
31+
32+
- Horizontally tileable.
33+
- Wide and short.
34+
- About 1500px wide.
35+
- Fades to a solid color either at the top of bottom (which is used to fill
36+
the empty space above or below your image).
37+
38+
Now, there are two ways to use it: with CSS, or with Sass:
39+
40+
CSS:
41+
42+
Look for this line in css/style.css (line 108 as of this writing):
43+
44+
background: #348cb2 url("images/bg.jpg") bottom left;
45+
46+
and use it to set the page background color, URL, and placement of
47+
your image. It should be as close to 1500px wide as you can get it.
48+
49+
Sass:
50+
51+
Set the value of $bg to the page background color, URL, and placement
52+
of your image. Change $bg-width if your image is something other than
53+
1500px wide.
2554

2655
## License
2756

0 commit comments

Comments
 (0)