WordPress.org

1. Selena
   Member
   Posted 5 months ago #

   Is there any way to change the page background color on TwentyTen? website http://www.selenawolff.com.

2. justingreerbbi
   Member
   Posted 5 months ago #

   Are you trying to change the body background where you have an image? No matter what you are wanting to do you can use the stylesheet to do this

3. Selena
   Member
   Posted 5 months ago #

   Yes, the body background. I'm slightly familiar with css, but are there specific directions somewhere that I can go by?

4. justingreerbbi
   Member
   Posted 5 months ago #

   Modify the wrapper tab in style.css at line 171
   #wrapper {
   background
   }

   This will change the white background

   Line 54
   is the body background

   right now it is set to an image and you can change the to a hex color value as well

5. justingreerbbi
   Member
   Posted 5 months ago #

   body {
       background-attachment: fixed;
       background-image: url("http://selenawolff.com/wp-content/uploads/2011/12/green-writing4.jpg");
       background-position: left top;
       background-repeat: repeat;
   }

   This is your current css for the body.

   if you are wanting to change the background to a color you need to find the color you want and get the hex value that looks like #000000. Do a google search for the hex of a color you want.

   Example; the code above needs to be change to the following if you want to change the background to a light gray.

   body {
       background:#CCCCCC;
   }

6. Selena
   Member
   Posted 5 months ago #

   trying it now

7. Selena
   Member
   Posted 5 months ago #

   I want to change the white background to a black background (not the image but the main text area.) I tried the wrapper, changing the hex color, but it didn't change when I viewed it.

8. justingreerbbi
   Member
   Posted 5 months ago #

   Line 171

   #wrapper {
       background: none repeat scroll 0 0 #FFFFFF;
       margin-top: 20px;
       padding: 0 20px;
   }

   needs to be changed to

   #wrapper {
       background: #000000;
       margin-top: 20px;
       padding: 0 20px;
   }

   Make sure when you view the website again you refresh with the refresh button.

9. Selena
   Member
   Posted 5 months ago #

   You are awesome!!!!!! Thanks so much for all your help. WordPress rocks!

Reply

You must log in to post.