Cant change background colour to an image...

[MadMagoo]

Hi all.

I'm trying to change our background from a plain solid colour to an image but for some reason no matter what code I use it wont change live. Any ideas what I am doing wrong please?

Currently I have this code in the Styles>subsilver2>themes>stylesheet.css file:

Code: Select all

	background-color: #9FCFFF;
        background-image: url("./images/background.jpg");
        background-repeat: repeat-x;
        background-position: center bottom;

I have tried a few variation but I just keep seeing no change, and yes, I have refreshed the template.

Jo

[Oyabun1]

Try refreshing the Theme, since that is the component you have changed.

[MadMagoo]

I just get the response "The theme is stored on the filesystem so there is no need to refresh it"

[PlanetStyles.net]

Hello!

Is Disciple & Love still your forum, or are you currently experimenting with another board?

Thanks

[MadMagoo]

Now I'm getting the pic half way up the index page and the other half the background colour.


Hi Christian - I am the techspert for discipline and Love yes.

[PlanetStyles.net]

techspert

Must remember to steal that from you.

Now I'm getting the pic half way up the index page and the other half the background colour.

So, I had a look at your forum and this is what I'm seeing: http://oi42.tinypic.com/2zzu5af.jpg . Are you seeing something else? Just trying to establish what you're seeing and how we can go about fixing it for you.

[MadMagoo]

Hmm, well I don't have the board down so if you are seeing that, that is really odd cos I have members currently active. That is a really old cache'd version that you are looking at. We don't even use that logo currently.

I'm seeing this:

http://tinyurl.com/kvyovs9

[PlanetStyles.net]

It seems I was clicking through to your site using a URL from one of your older posts, so was seeing the forum in the /phpBB/ directory. Woops.

Ok, I'm at the live site now. The large grey banner background is preventing you from seeing through to the blue background image. To remove the grey background, in stylesheet.css:

Find:

Code: Select all

#logodesc {
	background-color: #C1CAD2;
	background-image: url('./images/background.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 25px 15px 25px;
}

Remove these four lines:

Code: Select all

	background-color: #C1CAD2;
	background-image: url('./images/background.gif');
	background-repeat: repeat-x;
	background-position: center bottom;

Then to move the background image to the top of the forum, find:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #9FCFFF;
        background-image: url("./images/background.jpg");
        background-repeat: repeat-x;
        background-position: center bottom;
	font-size: 82.5%; /* 62.5 originally - This sets the default font size to be equivalent to 10px */
	margin: 0;
}

Specifically:

Code: Select all

background-position: center bottom;

Replace bottom with top .

Let us know how you get on.

[MadMagoo]

ah ha! I know what I was doing. I've actually kept the grey header for now as the boss wants it for now, although I may remove it still. But it was just a blonde moment - got my position and repeats wrong. Thanks for that Christian. Now to just change my font colouring and I'll be set

[PlanetStyles.net]

Awesome! Glad you're moving in the right direction.

I'll be shooting off to bed soon, but feel free to leave a message if you need help with anything else and I'll be happy to help.

[MadMagoo]

Thanks - you're my hero !! Sleep well