How do I do a background image in the footer?

[toddatkins 1]

I am trying (unsuccessfully so far) to add a tile image to my footer in platform pro. I am using full width. I have tried:

	#footer {
	background-image: url('/wp-content/uploads/2011/03/bgtile.png');
	background-repeat:repeat-x;
	}
	
	#footer .effect{
	background-image: url('/wp-content/uploads/2011/03/bgtile.png');
	background-repeat:repeat-x;
	}
	
	body #footer {
	background-image: url('/wp-content/uploads/2011/03/bgtile.png');
	background-repeat:repeat-x;
	}
	
	#texture {
	background-image: url('/wp-content/uploads/2011/03/bgtile.png');
	background-repeat:repeat-x;
	}
	
	#footcol {
	background-image: url('/wp-content/uploads/2011/03/bgtile.png');
	background-repeat:repeat-x;
	}
	

I am trying to do a footer background just like this: http://www.midlandgis.com/ Could anyone help, what is the exact code I need? ;-)

[bryan-hadaway 3]

Use Firebug: http://www.pagelines.com/docs/changing-colors-fonts to target exactly the area you want to style. Thanks, Bryan

[ocalaweb 0]

Use the full URL and Also the !important tag on the css as such ... #footer { background-image: url('http://<DOMAIN_NAME>/wp-content/uploads/2011/03/bgtile.png') !important; background-repeat:repeat-x !important; } The full URL will make sure you aren't just missing the image from a bad url, as you can check it in a browser, the !important tag fires the css. Example of a test site we have: #footer {background: #151515 url("http://www.<domain-name>.com/wp-content/themes/platformbase/images/background.png") repeat-x !important;}

[toddatkins 1]

@bryan: I do have firebug, and have used it and best I can tell, it's #footer. @alina: I added full URL and also the important! tags and still nothing. It's as if there is something overriding everything I try to do with footer background. I've tried everything. I know it's a CSS issue not a platform pro issue, but I was just hoping to find a solution here. My site is unfinished, but here it is: http://batonrougecounseling.net/therapists/

[ocalaweb 0]

Are you adding the CSS under WordPress Admin Area, Appearance>Editor> Make sure you are editing the child theme's (PlatformBase) "base.css"... I can succesfully use IE Developer Tools and apply a background by injecting the following into your base.css: #footer {background: url(../platformpro/images/sprite-socialicons.png);}

[toddatkins 1]

@alina: Yeah I had been trying to add it in Custom CSS, and it simply did not work, even with the important! tag, so I am not sure why. I did, however, add it as you suggested in the base.css and it now works. I'm getting a little frustrated with things because I only know some basics of CSS and there are some inconsistencies and gaps in the instructions/procedures here. I shall persevere anyway.

[ocalaweb 0]

Yeah i don't use that custom css area in the settings of pagelines. the childtheme's baseline.css is the place you want to put your settings, that way you know where those settings are and you can easily back them up. If something doesn't work in base.css, usually putting the !important tag in the css makes it work. Glad you got it going!