Custom Background How To...
dhandy - September 1, 2009 - 17:13
| Project: | Marinelli |
| Version: | 6.x-2.95 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Hello! Thank you for creating Marinelli. It is a classy and simple theme that I am glad to use.
Question for you. Is there a way to make the background look like this: http://www.rimarkable.com/ I am ignorant about the use of CSS and maybe this is a simple fix but please forgive me if it is. Anyone know how to do this with the setup? Is it as simple as creating a certain sized bg image and inserting it as body.jpg? Any help would be fantastic!
Thank you!
-dhandy
#1
This is a simple CSS operation indeed. The background image on Minelli is set on graphics.css file in the root of the theme. Open it up and edit the file reference in line 10:
body {color: #333;
background: #EDEDED url(img/body.gif);
}
Minelli uses body.gif as an image. Google around for photoshop tutorials on preparing background patterns and make your own image. Simply upload it to the img directory and change the reference in the css above.
In the case of the website you gave as an example, you can test out quickly how that background looks on your minelli theme:
body {background-color: #303030;
background-image: url('http://www.rimarkable.com/wp-content/themes/thesis_151/custom/images/paisley_bg.gif');
background-repeat: repeat-x;
}
Of course the above code should not be definitive. make your own background pattern and use it locally on your server.
#2
Very helpful! Thank you! I didn't know I could adjust the gif to any size without error. Seems it doesn't matter, eh?
Thank you!
-dhandy