How do I change the background color

[rcreamer824]

I have tried cutting and pasting what was written, but have had no success. Could someone just let me know the easiest way to change the background color (ond boxes if you are so inclined).

Thank you,
Bob

[Andy]

We'd love to help you!
We need to know your site name :) And the color you want to change to.

Help:

[rcreamer824]

We'd love to help you!
We need to know your site name :) And the color you want to change to.

Help: Candid Imaging - Maroon (Burgundy)

Do the bxes get changed to the same color?

[Andy]

So for the people that want to help, you give a link like this:

http://candidimaging.smugmug.com/

Thanks.

[Andy]

Candid Imaging - Maroon (Burgundy)

Do the bxes get changed to the same color?

So you would add this to your CSS:



body {
background-color: #3a1f1a !important;
}


now, to change the boxes, well you've chosen a theme are you going to customize over that theme?

There's a nice burgundy theme available here:
http://www.dgrin.com/showthread.php?t=37086&highlight=cast-offs

:thumb

[rcreamer824]

So for the people that want to help, you give a link like this:

http://candidimaging.smugmug.com/

Thanks.

Andy:

One other quick question: the standard smugmug site is pretty narrow, while when looking at yours I noticed that it was full width. How would I go about changing my width?

My goal is to go step-by-step (with the help of others) in making my site as good as possible. I then look forward to helping others.

Thanks,
Bob

[Andy]

1) Get Firefox if you don't already have it.
2) go to the sticky thread, "Start here" in this forum
3) get FF Web Dev tool and use the tutorial on how to use it - it's easy and very useful.
http://dgrin.smugmug.com/gallery/1354921
4) make some decisions on what you want after looking at lots of sites and then be very specific with your desires and questions.

:thumb

[rcreamer824]

I have changed the color background of my page, but when I go to change the color of the boxes it changes the background back to its original color. Why? Help!!!

[Andy]

I have changed the color background of my page, but when I go to change the color of the boxes it changes the background back to its original color. Why? Help!!!
let's keep all your stuff for now, in one thread okay?

And, please go to You! upper left Dgrin screen and put your website in your profile so people (helpers)can easily get to your site.

It's best to give all the helpers all the info they possible need to help you :)

[Andy]

I have changed the color background of my page, but when I go to change the color of the boxes it changes the background back to its original color. Why? Help!!!
So, to change the color of your boxes, you'd do this:

.box {background-color: #000000 !important;}

#000000 is the color code for black. Substitute as needed.

Are you attempting to modify the khaki theme?

[rcreamer824]

So, to change the color of your boxes, you'd do this:

.box {background-color: #000000 !important;}

#000000 is the color code for black. Substitute as needed.

Are you attempting to modify the khaki theme?

I was looking to have the green border, with the green box. At this point I am trying three different options to see what looks the best.

[rcreamer824]

I was looking to have the green border, with the green box. At this point I am trying three different options to see what looks the best.

I just did that and while it changed the box color, the border again went to the orignal color (and away from green). I am about to pull my hair out!!

[rcreamer824]

I just did that and while it changed the box color, the border again went to the orignal color (and away from green). I am about to pull my hair out!!

OK, I entered both codes at the same time, and I now have a green border and green box, though that box is in a grey box. I need the final three things to be happy, at which time I will dedicate my weekend to reading and learnign firefox.

How do I make the entire page the same color (Border and box)?

How do I change all of the text to be khaki?

How do I make the box to stretch side to side and not be narrow?

This will hold me over for a while as I speed up y learning curve.

[Andy]

I just did that and while it changed the box color, the border again went to the orignal color (and away from green). I am about to pull my hair out!!
OK slow down :) We can't help you without clear definitions.

1) do you want the burgundy background

2) you want what color BOX

Let's start with that.

[Allen]

I just did that and while it changed the box color, the border again went to the orignal color (and away from green). I am about to pull my hair out!!
This will change the box backgrounds and add a green border to each.

.boxBottom,
.boxTop,
.box {background-color: #006400 !important;
border: 2px solid #004F00 !important;
}

body {
background-color: #006400 !important;
}

[rcreamer824]

This will change the box backgrounds and add a green border to each.

.boxBottom,
.boxTop,
.box {background-color: #006400 !important;
border: 2px solid #004F00 !important;
}

body {
background-color: #006400 !important;
}

I tried cutting and pasting that, but while it changed the boxes, it returned the border to grey.

I would like the entire page to be green (border and boxes), color 2F4F2F.
I would like the outline of the box to be black
I would like the the to be khaki

I am like a kid who is very excited about something and just wants to do it and not take the time to research it. I am an educator by trade so the later will take place right after I get these few things covered.

Thank you

[Allen]

I tried cutting and pasting that, but while it changed the boxes, it returned the border to grey.

I would like the entire page to be green (border and boxes), color 2F4F2F.
I would like the outline of the box to be black
I would like the the to be khaki

I am like a kid who is very excited about something and just wants to do it and not take the time to research it. I am an educator by trade so the later will take place right after I get these few things covered.

Thank you
Paste this all in, it gets your page background back. The bold parts showing
below was new to be added, the rest was already there. This below is what
you should see in your CSS.

.boxBottom,
.box {background: #006400 !important;
border: 2px solid #000 !important;
}

.boxTop {
background: #F0E68C !important;
border: 2px solid #000 !important;
}

body {
background-color: #2F4F2F !important;
}

Which khaki? See this page (http://www.december.com/html/spec/color1.html). Scroll down page.

khaki(SVG) #F0E68C
khaki4 #8B864E
khaki3 #CDC673
khaki2 #EEE685
khaki1 #FFF68F

[rcreamer824]

Paste this all in, it gets your page background back. The bold parts showing
below was new to be added, the rest was already there. This below is what
you should see in your CSS.

.boxBottom,
.box {background: #006400 !important;
border: 2px solid #000 !important;
}

.boxTop {
background: #F0E68C !important;
border: 2px solid #000 !important;
}

body {
background-color: #2F4F2F !important;
}

Which khaki? See this page (http://www.december.com/html/spec/color1.html). Scroll down page.

khaki(SVG) #F0E68C
khaki4 #8B864E
khaki3 #CDC673
khaki2 #EEE685
khaki1 #FFF68F

I like the CDC673 khaki.

I also noticed that there are two different shades of green in the code. Can they be the same color (I prefer 2F4F2F for all)?

If you could list the code again with the color khaki (CDC673) and green border and box (2F4F2F) I would appreciate it.

I assume this gets easier the more you do it.
Thank you

[Allen]

I like the CDC673 khaki.

I also noticed that there are two different shades of green in the code. Can they be the same color (I prefer 2F4F2F for all)?

If you could list the code again with the color khaki (CDC673) and green border and box (2F4F2F) I would appreciate it.

I assume this gets easier the more you do it.
Thank you
This is your whole CSS with youe new colors. How's this?

.boxBottom,
.box {background: #2F4F2F !important;
border: 2px solid #000 !important;
}

.boxTop {
background: #CDC673 !important;
border: 2px solid #000 !important;
}

body {
background-color: #2F4F2F !important;
}


Edit:
This will change the text in the box.

p.albumTitle .nav,
p.description,
p.updated {color: #CDC673 !important;}

[rcreamer824]

This is your whole CSS with youe new colors. How's this?

.boxBottom,
.box {background: #2F4F2F !important;
border: 2px solid #000 !important;
}

.boxTop {
background: #CDC673 !important;
border: 2px solid #000 !important;
}

body {
background-color: #2F4F2F !important;
}


Edit:
This will change the text in the box.

p.albumTitle .nav,
p.description,
p.updated {color: #CDC673 !important;}

Much better (for the time being), but I have a question. when you look at my homepage it shows a greyish bo as well. Is there a way to change this to the same green, or am I married to this grey box?

[Allen]

Much better (for the time being), but I have a question. when you look at my homepage it shows a greyish bo as well. Is there a way to change this to the same green, or am I married to this grey box?
Don't see any greyish box here. Can you describe exactly where it is?
Only see a maybe grayish shadow border on the right and left. That it?

[rcreamer824]

Don't see any greyish box here. Can you describe exactly where it is?
Only see a maybe grayish shadow border on the right and left. That it?

When you go to the main page, you see the green box (wedding galleries), but above it and below it you see a grey background. Is it possible only I can see it because I am viewing it from my computer?

When you click on the wedding galleries it looks like I wanted it to (green on green).

The text at times appears to be a lime-green hue, it it possible to change every piece of text to the same color (I like consistency).

Can I hire you to make my site -LOL

[Allen]

When you go to the main page, you see the green box (wedding galleries), but above it and below it you see a grey background. Is it possible only I can see it because I am viewing it from my computer?

When you click on the wedding galleries it looks like I wanted it to (green on green).

The text at times appears to be a lime-green hue, it it possible to change every piece of text to the same color (I like consistency).

Can I hire you to make my site -LOL
Try this new set of CSS and look at colors again. Just a matter of time 'till
we get it like your want. Gota be patient. Had to add the galleryPage
because of the Wedding theme.

.boxBottom, .box {
background: #2F4F2F !important;
border: 2px solid #000 !important;
}

.boxTop {
background: #CDC673 !important;
border: 2px solid #000 !important;
}

body {
background-color: #2F4F2F !important;
}

a.title,
.title,
.imgBorderOn,
.nav,
p.albumTitle .nav,
p.description,
p.updated {color: #CDC673 !important;}

.homepage .title,
.homepage .nav,
#categoryTitle,
#galleryTitle {color: #3B5323 !important;}

.galleryPage a.title,
.galleryPage .title,
.galleryPage .imgBorderOn,
.galleryPage .nav {color: #1963AA !important;}

[rcreamer824]

It is still showing the grey box above and below the green box. I am going to call it a night as I have spent hours trying to fix this. If this dual color needs to be changed, is there any code that will restore it to its normal view?

Do you know of anyone who I could hire to do this for me? I am sure I can get it in time with reading, practice and assistance, but time is not on my side at this point.

Thank you for eveything.