Jump to content


Photo
- - - - -

Changing a page background color.


  • Please log in to reply
8 replies to this topic

#1 nogginjog

nogginjog

    Member

  • Members
  • PipPip
  • 12 posts

Posted 22 October 2011 - 08:51 PM

Hello! I can not seem to find how to change the background color on a page. Website: http://www.nogginjog.com Thanks for the help. :-D

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 October 2011 - 11:24 PM

Hi, Sorry if I'm misunderstanding you, but do you mean a specific page or the background color of the overall site? Thanks.

#3 nogginjog

nogginjog

    Member

  • Members
  • PipPip
  • 12 posts

Posted 23 October 2011 - 12:17 AM

It would only be for one specific page.

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 23 October 2011 - 01:51 AM

Since you linked your home page, I assume that's the one you want to change the color of. You can use the following custom CSS:

 body.home {
	    background: #000000;
	}

Just change the color to whatever you want. Be sure to include the # at the beginning.

I also recommend downloading FireBug at www.getfirebug.com. You will be able to change CSS code visually and then apply those changes to your site by adding code to your custom CSS.

#5 nogginjog

nogginjog

    Member

  • Members
  • PipPip
  • 12 posts

Posted 23 October 2011 - 02:26 AM

That worked on getting the surrounding background area of the home page. I was not articulating correctly of what I'm trying to change. Here is a picture of the area (in the cirlce) of which I wanted the background to change from white to gray. http://www.nogginjog...10/Nwebsite.jpg I'm not sure if it's a page background issue, or something else...

#6 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 23 October 2011 - 02:34 AM

You should really try Firebug as I suggested above. With Firebug, you can just right click and "inspect element" on that section that you circled and see what it is.

For that section, use:

 #maincontent {
	    background: #000000;
	}


#7 nogginjog

nogginjog

    Member

  • Members
  • PipPip
  • 12 posts

Posted 23 October 2011 - 02:55 AM

Worked like a charm. Thanks for the help.

#8 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 23 October 2011 - 03:13 AM

You're welcome :)

#9 gregfly

gregfly

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 27 October 2011 - 02:19 PM

I'm also having the same problem (sorry, I haven't learned how to use Firebug yet!), I can't figure out how to get the area behind my feature slider and boxes on my home page to change colors while leaving all of the interior pages with a white background. louisvillearealuxuryhomes.com