How can I color the "dark menu" or Footer area?

Hi!

I managed to make a menu on my widget. It´s a custom menu with Widget style: Custom CSS class. Under the options there is Custom CSS class: dark menu

So this is the result: http://vihreaplaneetta.fi/

Ok, I wan to make it green. Dark Green - and if possible, to have gradient in it. I can make that slice of image in photoshop, if you just tell me how to customize the css code.

Also how can I make another, different gradient in the footer area, witch is now the same darl gray?

Pekka

Hi,

In this case you have to edit the background property for the following selector:

body #gk-sidebar .box.dark

in the wp.extensions.css file - please remember to use "!important" in the property value.

If you need to create your own suffix I suggest to use the dark suffix as a base, then create your own class i.e. mycolor - set the Custom CSS class to "dark mycolor" and then in the .box.mycolor selector override necessary values.

No good

I from the line 281 forward:

/* Dark style */
#gk-sidebar .box.dark,
#gk-bottom2 .box {
background: #363636!important;
color: #060;
padding: 20px;


You can see that the green is now the color. But no effect. He is the changed css at website:
http://vihreaplaneetta.fi/

I saw it before the change cos the color there used to be was just light gray, not the dark one we are hunting here..

Pekka

Please describe what exactly changes did you applied.

In the file Publisher/CSS/wp.extensions.css

from the line 281 forward:

/* Dark style */
#gk-sidebar .box.dark,
#gk-bottom2 .box {
background: #363636!important;
color: #060;
padding: 20px;


I have changed the color. But no effect here:
http://vihreaplaneetta.fi/

So it seems to me that this is not the right place..

Can you please help me?

Pekka

OK, Now I understand - you have changed the color property instead of the background property

No, you do not understand dear support man.

I changed the background in the first time TOO. The #363636 and #060 both do look freaking same green, at least in dreamweaver cs6 css preview.

But, now I changed it to be the same kinda color code:

/* Dark style */
#gk-sidebar .box.dark,
#gk-bottom2 .box {
background: #363636!important;
color: #363636!important;
padding: 20px;

But no effect. So what is wrong now?

http://vihreaplaneetta.fi/

Why don´t you just help me to write this css so it WORKS? Please not tell what I have done. Instead PLEASE tell me what in this css should be changed, to get the color changed.

That is not normal way in every support forum. Just to make it work and fast. Now we have been playing with this super simple thing for a one week!! You must be very pleased to make me humilated..

Just think of my customer

Yours,
Pekka

I cannot provide a full CSS code, because I even don't know which colors do you want to use - if you need the full CSS code, please send me a screenshot with the expected results - then I'll be able to prepare the CSS code for you based on your image

Hey, thanks!

Here is the vision.From the beginning I have dreamed about gradient, you remember?

http://www.catchline.fi/support/boring-plain-green.jpg

http://www.catchline.fi/support/cool-gradient.jpg

Pekka

Sorry but your page is not working since yesterday's evening - could you fix it?

All, right bro!

I am so sorry about the off-line..

http://vihreaplaneetta.fi/

I got no idea what it had been, I have not touched it since I mailed to you, my customer has not touched it since they got no passwords, and this leaves 2 options:

1. Service provider here has messed up a big time.

2. You have written URL (2 times cod you refer to yesterday??) wrong.

How can I test this kind of thing, that it really was down?
Do you know?
I can get a money back from service provider if these coms too often


Anyway, can you now take a look at my problem with the colorization case?

Pekka

Ok,

In this case please add in your css/template.css file the following code:

Code: Select all

/* Background adjustments */
body,
body #gk-sidebar .box.dark,
body #gk-bottom2 .box {
background: #264035!important;
}

if you want to place the gradient image, the code will depends from your graphic - but in general it will be following:

Code: Select all

/* Background adjustments */
body,
body #gk-sidebar .box.dark,
body #gk-bottom2 .box {
background: #264035 url('../images/mygradient.png') repeat-x top left!important;
}

of course you have to place the mygradient.png image in the images directory

Regarding your page - I've used links from the forum, but there is no way to show your hoting provider that page was down if you haven't any tools like pingdom tools registered for your domain.

Thank you!

To the very end of my Publisher/css/template.css

I pasted:


/* Background adjustments */
body,
body #gk-sidebar .box.dark,
body #gk-bottom2 .box {
background: #264035 url('http://www.vihreaplaneetta.fi/wp-content/themes/Publisher/images/green-gradient.jpg') repeat-x top left!important;
}


But See, no effect:
http://vihreaplaneetta.fi/


Gradient link is correct:
http://www.vihreaplaneetta.fi/wp-conten ... adient.jpg


Can you see ehat might be the problem?

Yours,
Pekka

Hey!!

It appeared in the sidebar box!!

http://vihreaplaneetta.fi/

Wow!

Unfortunately now I understand that the gradient won't appear at the bottom, because it appears at the top of the body element, unfortunately there is now way to set the gradient in the body element to appear :/