As you can see the bottom/left side of the screen is gray. I've tried adjusting the size of the background image but it doesn't change the way it's viewed. My site it not live yet so I can't provide a URL. I have determined that this part of the css is what controls the color/image that is currently displayed as gray but I need to find a way to make the current background image the overall default so that it fits the entire screen.
body {
background: #130e0a url(../images/bg.jpg) 50% 0;
width: 100%;
font-family: Helvetica,Arial,FreeSans,sans-serif;
font-size: 13px;
font-weight:normal;
color: #3a3a3a;
margin:0 !important;
padding:0 !important;
If anyone has any thoughts on how to change this or if you need me to provide specific HTML from the template.css document please let me know. I'm new to Joomla and HTML so I'm really unsure what to do.
Another option would be to figure out a way to center the current background so the same amount of gray shows on either side and at the bottom but I am not sure how to do this either.
Thank you!