background color

[Karen Sheeran]

Hi,
I have a couple of questions about the Foundation Theme:

1. Can I change the background color behind the logo/heading area?
2. Can the text area background color on the other content pages be changed? I think the text would stand out better if it was not on the same color as the rest of the page.

Another words can the main content area background color be changed to be different from the body background color and how do I do this?

Here’s a link to the website:
http://www.njqueenofhearts.org

Thanks,
Karen

[Bill Robbins]

Karen,

You can change the color of the area behind the content areas of the theme. Here’s how to do that:

1. Go to the theme options page and select the styling tab.
2. Scroll down to the very bottom until you see a box for “Custom CSS.”
3. Paste this into that box:

   
   #wrap {
   	background-color: #ffffff;
   }
   
   #content {
   	width: 620px;
   	margin-left: 10px;
   }
   
   #sidebar {
   	width: 290px;
   	margin-right: 20px;
   }
   
   #footer {
   	width: 940px;
   	margin: 20px auto;
   	padding: 10px 0 0;
   }
   

4. Update your settings

That will change the color of your content area to white and as well as give it just a bit of padding so the text doesn’t sit on the border between the background and the new white.

If you’d like to use a different color than white you can. Where it says:

#wrap {
	background-color: #ffffff;
}

Just replace the #ffffff with the color code for the color you’d like to use. You can use one of the color pickers above to help find the right one if you need to.

If I can help with anything else, just let me know.

Thanks,
Bill Robbins

[Karen Sheeran]

Thanks Bill,
Made the changes. However 4 pages have no padding to the left. Why would this happen? See links:

http://njqueenofhearts.org/aloha-fundraiser
http://njqueenofhearts.org/sponsors
http://njqueenofhearts.org/bingo-purse-party
http://njqueenofhearts.org/aloha-fundraiser

Thanks, Karen

[Bill Robbins]

Karen,

Thank you. The full-width page template is set up just a bit differently. You’ll need to add this to the Custom CSS box too:

#page-full {
	padding: 10px;
}

See if that doesn’t help with the padding.

If you run into any trouble, let me know,
Bill

[Karen Sheeran]

Thanks.
Karen

[Author]

Posts