Add background image

[Ronald]

Since I lost the forum files, and eventually got the forum back up and running, I also upgrdaed it to the latest github version..

But I did loose a few things, which I am slowing putting them back in.

Now my background image is gone. If I am correct in the Theme was images and I know I have a file for thes background images. Can anyone tell me how it is done again.. I only have the one skin so far..

[Skhilled]

If you look in your theme's index.css at the beginning of the file usually in /Themes/your_theme/index.css, you'll find the "background" style. It will be similar to this:

Code Select Expand

background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
 font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
 margin: 0 auto;
 padding: 15px 0;
}
Just change the following URL to where you want to put your background image and upload it there as needed:

Code Select Expand

url(../images/theme/backdrop.png)
Also, you can use Web Developer in your browser's settings and then click on the background and will tell you where it is (and edit it) as well as where you need to upload it.

[Ronald]

It works but only covers the top half of the page.

[lesmond]

This should work better

Code Select Expand

background: #E9EEF2 url(../images/theme/backdrop.png) fixed;
background-size: 100% 100%;

[Ronald]

This should work better

Code Select Expand

background: #E9EEF2 url(../images/theme/backdrop.png) fixed;
background-size: 100% 100%;

Thanks Les. I came in earlier and found bigguy's post, got what he had, same thing..

Tried one for halloween but it looked nice when I saved it, after installing it it was all distorted.

[lesmond]

which site you trying it on? can we have a link please.

[Ronald]

which site you trying it on? can we have a link please.

https://seniorforums.ca/index.php#top_section

The image you see is Ok. I had a pumpkin image and it got blown up so much it was distorted.

[Skhilled]

Try shrinking the image. It hard to help much without seeing what's actually wrong.

[nidec]

I like your logo, very sweet.  Makes a change from the usual grey haired wrinkly images of seniors

[Ronald]

Try shrinking the image. It hard to help much without seeing what's actually wrong.

I think this one is 1527 x 1000

[Ronald]

I like your logo, very sweet.  Makes a change from the usual grey haired wrinkly images of seniors

Thanks, but we all get wrinkled when we get older..hell man I'm 82, bald as a xue ball and loaded wiyj wrinkles.

[lesmond]

https://seniorforums.ca/index.php#top_section

The image you see is Ok. I had a pumpkin image and it got blown up so much it was distorted.

Code Select Expand

background: #E9EEF2 url(../images/theme/backdrop.png) fixed;
background-size: 100% 100%;
Try adjusting the background-size the first 100% is the width, and the second 100% is the height.

like this..

Code Select Expand

    background-size: 50% 100%;

Also it may help if you un-check Minimize CSS and JavaScript files in Features and Options

[Ronald]

Code Select Expand

background: #E9EEF2 url(../images/theme/backdrop.png) fixed;
background-size: 100% 100%;
Try adjusting the background-size the first 100% is the width, and the second 100% is the height.

like this..

Code Select Expand

    background-size: 50% 100%;

Also it may help if you un-check Minimize CSS and JavaScript files in Features and Options

Thanks much better..