October 3, 2010 at 11:02 pm #1430
I am thinking of making the entire background of the site an image. Is this possible? If so, how would I accomplish this? Also, would it be possible to just have this image as the background of the mainpage, or would it have to apply to the entire site?
I know I can edit bg.png to change what is behind the slider, but I think I may want it to apply to the whole page.
Thanks in advance!October 4, 2010 at 6:34 am #35179
You can do this by choosing the right background image for your site in your background manager. Afterwards you need to remove various backgrounds images from your theme’s css – I’d download a plugin like firebug (for firefox) for this job. You can’t set different backgrounds for different pages though.October 4, 2010 at 8:56 pm #35180
Sorry for the ignorance, but where is my “background manager”? Is that also a part of Firebug?October 5, 2010 at 3:54 pm #35181
No Firebug is a plugin for Firefox which allows you to investigate your website (css styling, etc). It’s a bit of work to customize the website in the way you want so it will help you. The background manager can be found under appearance > Background – it allows you to choosea background image and/or color.October 5, 2010 at 6:42 pm #35182
Ok. I thought so.
Are you sure CleanCut has this option? Under Appearance, all I have is “Themes”, “Widgets”, “Menus”, and “Editor”.
Thanks.October 6, 2010 at 6:49 am #35183October 11, 2010 at 5:12 pm #35184
Instead of going that path, I think I’d rather alter bg.png to just have my custom background behind the slider and in the footer. I see that bg.png is 300×1200. Is it possible to change the behavior of how it is inserted behind the slider? Right now, it looks like it just takes bottom portion of the 1200 pixels (maybe the last 500 or so), and then just repeats (tiles) it behind the slider. Would it be possible to rotate the image to 1200×300 so that I can have the image display more normally behind the slider? Would any code changes be needed to achieve this?October 12, 2010 at 7:42 am #35185
To change the dimensions of the image you need to edit it in photoshop, etc. Css can’t rotate an image.
Currently the bg.png is used in style1/2/3.css with following code:
background: transparent url('../images/skin1/bg.png') repeat left bottom ;
You can change repeat to repeat-x, repeat-y and no-repeat.October 15, 2010 at 2:27 am #35186
So if I edited bg.png in PS to be 1200×300 instead of 300×1200, would it still display properly behind the slider?
If I wanted “no-repeat”, would I take “left bottom” out of the code?
Thanks!October 15, 2010 at 6:45 am #35187
The topic ‘Background image’ is closed to new replies.