Default Theme Background

[hsrcoughlan]

Hi,

 

Basically what i want to do is to have a background on the edges of my site and leave the middle white. I want to have my site logo repeated all over the background.

 

Help would be appreciated .

 

Regards,

 

Henry

Edited May 24, 2013 by hsrcoughlan (see edit history)

[PascalVG]

From my memory (try to check):

 

in themes/<your theme folder>/css/global.css

find and add:

 

 

 

#page {

background: #fff; <-- add

}

 

and

 

 

 

body {

font: normal 11px/14px Arial,Verdana,sans-serif;

color: #222;

background: #fff url('<URL OF YOUR PICTURE>') repeat-x fixed; <-- add

}

 

Hope this is correct. give it a try,

pascal

[hsrcoughlan]

Thanks, I will give this a try !

[vekia]

Thanks, I will give this a try !

 

don't forget to let us know when it will work for you or not

regards

[hsrcoughlan]

hi,

 

as you can see here it has not repeated down the page as well ?

[vekia]

it's becasue you've got there: repeat-x fixed;

 

remove it from:

background: #fff url('<URL OF YOUR PICTURE>') repeat-x fixed; <-- add

[hsrcoughlan]

so should i remove 'repeat-x fixed;' or just 'fixed'

[vekia]

it all depends on what you exactly expect.

 

more informations about parameters for background you can read here: http://www.w3schools.com/css/css_background.asp

[hsrcoughlan]

Ok, i have managed to sort that out, what about keeping the centre of the page white, i have been able to keep the columns and the centre white but what about the bits in-between ?

[PascalVG]

If your picture is small, probably change to

repeat;

 

only or to

repeat fixed;

 

if you don't want to move the picture with the scrolling

[PascalVG]

did you add the #page stuff I mentioned?

[PascalVG]

(There is already a #page { } in your global.css probably around line 41, change this:

 

#page { }

 

into this:

 

#page { background: #fff; }

Edited May 24, 2013 by PascalVG
space between # and page deleted (see edit history)

[PascalVG]

I see your picture has (too) much white left and right of the logo, so it doesn't really show on the right hand side (and only one row on the left). Maybe take out some white space...

[hsrcoughlan]

Thanks everyone, all SOLVED here

[PascalVG]

Glad to hear!

 

please mark the topic itself as solved (see my footer for instruction how). That really helps others with the same problem.

Thanks,

 

pascal