WordPress.org

1. maxwolfie
   Member
   Posted 1 year ago #

   G'day

   An easy one for you.. I'm just getting used to WordPress - It's making my life much easier so far :)

   Website is: (You'll see what I mean right away, I want to change from default background (#FFFFFF/white) to #333333 (grey), however I'm not sure what file I should be editting, and I'm also not too sure of the code (html or php?)

   http://www.lamson.com.au/new/

2. richarduk
   Member
   Posted 1 year ago #

   Currently `#container {
   background: url(images/container-bg.gif) top center repeat-y;
   text-align: left;
   margin: 0px auto;
   width: 1000px;
   padding: 0px 12px;
   }`

   Change the colour of container-bg.gif

   OR

   #container {
   	background-color:gray;
   	text-align: left;
       margin: 0px auto;
       width: 1000px;
       padding: 0px 12px;
   }

3. maxwolfie
   Member
   Posted 1 year ago #

   Thanks Richard

   Which file is this in though? Sorry. I've tried style.css but it did not work :(

   EDIT: When I went to open container-bg.gif, it was already black/grey, but yet the bg is white? Strange!

4. maxwolfie
   Member
   Posted 1 year ago #

   Here's the container code in style.css. Both .gif's are grey, so I don't think that's the problem

   /*********************************************
   		Container Div
   *********************************************/
   #container {
   	background: url(images/container-bg.gif) top center repeat-y;
   	text-align: left;
       margin: 0px auto;
       width: 1000px;
       padding: 0px 12px;
   }
   .have_sidebar { /* insert a new bg image to give a sidebar bg */
   	background: url(images/container-bg-sidebar.gif) top center repeat-y;
   }

5. maxwolfie
   Member
   Posted 1 year ago #

   *cough*

   Bump!

6. maxwolfie
   Member
   Posted 1 year ago #

   No one?

7. maxwolfie
   Member
   Posted 1 year ago #

   Bump..... Still can't figure it out :(

8. maxwolfie
   Member
   Posted 1 year ago #

   Blehhhhhhhhhh

9. richarduk
   Member
   Posted 1 year ago #

   You have several divs that make up the page.

   In style.css find and change these two for starters.

   If you have problems, get Firefox and get the webdeveloper toolbar, which allows you to edit css as you see it on the screen

   It also allows you to press Ctrl + shift + F to get details of what you're looking at i.e. as you mouse over a div it's highlighted, and if you click on it you then get information about that div - all of which makes it pretty simple to track these sorts of problems down

   :-)

   #home #boxes {
   	clear: both;
   	margin: 0px; padding: 20px 0px 15px 0px;
   	width: 700px;
   	display: block;background-color:gray;
   }
   
   #container {
   	background-color:gray;
   	text-align: left;
       margin: 0px auto;
       width: 1000px;
       padding: 0px 12px;
   }

Topic Closed

This topic has been closed to new replies.