Need help with changing colors on the Curve theme

[bethkozlowski]

Good afternoon (or evening depending on where you live!),

I am trying to edit the style sheet for the SMF Curve theme for 2.0.9. I've been able to figure out how to change the background, links and some other areas of the forum, but for some reason I can't seem to figure out the following:

How to change the color in the rest of the header area
How to change the text color from black to something people can read
How to change the color of the board areas
And lastly, how to get the background image to repeat all the way down to the bottom of the page

I am NOT a coding expert, so if someone can either go into my account and change the coding for me, or give me a very easy, step by step on how to do it, that would be wonderful.

I've had two other people who I know are very good with html coding look at it for me, and even they can't figure it out.

My other option is to have someone build me a theme from scratch (I would be willing to pay up to $100) for it. Keep in mind, payments would have to come in installments as I'm just getting settled into a new job. I can give you the first $25 as a down payment for anyone who might be interested in building me a theme.

Below is an image of what I mean about the issues I am having with my site:

[MK-12_20MM]

This is a tip - to not edit the default theme (I don't know if you are or not)  .  You can make a copy in the admin section for themes under Manage and Install .  Edit that..

A link to your site is helpful to actually see and make better recommendations.

Also this board is for help requests free or paid. http://www.simplemachines.org/community/index.php?board=50.0. If your looking for that type of resource .

The code for the header background is in index.css

Code Select Expand


#header
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}
#header div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
}



The rest needs to be more specific.. but all the changes you describe are in index.css.   You can figure this out using firebug in Firefox browser, Chrome has a similar option.

[Sir Osis of Liver]

You'll save yourself (and anyone who tries to help you) a lot of work if you start with a theme that's close to what you want. 

http://custom.simplemachines.org/themes/
http://demo.dzinerstudio.com/
http://www.jpr62.com/demos/

[Gwenwyfar]

You can figure this out using firebug in Firefox browser, Chrome has a similar option.

They both have a good built-in inspector now, so don't even need to install anything

You can edit the code while inspecting before you make the changes to the css file.

[Arantor]

Even IE has a semi-decent inspector now

[MK-12_20MM]

Even IE has a semi-decent inspector now

I only use it if forced to..    

[Gwenwyfar]

Really?

I only ever opened (can't even say I used) IE 8 and whatever came with XP. Most of the times it was just the default error page

[live627]

whatever came with XP

IE 6