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

November 2012 WordPress Theme
GK User
Tue Mar 05, 2013 3:26 pm
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
User avatar
Junior Boarder

GK User
Tue Mar 05, 2013 9:57 pm
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.
User avatar
Administrator

GK User
Wed Mar 06, 2013 1:40 pm
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
User avatar
Junior Boarder

GK User
Thu Mar 07, 2013 9:47 am
Please describe what exactly changes did you applied.
User avatar
Administrator

GK User
Thu Mar 07, 2013 10:54 am
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
User avatar
Junior Boarder

GK User
Thu Mar 07, 2013 11:34 am
OK, Now I understand - you have changed the color property instead of the background property :)
User avatar
Administrator

GK User
Fri Mar 08, 2013 11:10 am
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 :P

Yours,
Pekka
User avatar
Junior Boarder

GK User
Fri Mar 08, 2013 1:43 pm
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 :)
User avatar
Administrator

GK User
Fri Mar 08, 2013 4:33 pm
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
User avatar
Junior Boarder

GK User
Sat Mar 09, 2013 9:10 am
Sorry but your page is not working since yesterday's evening - could you fix it?
User avatar
Administrator

GK User
Mon Mar 11, 2013 7:10 pm
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
User avatar
Junior Boarder

GK User
Tue Mar 12, 2013 6:35 pm
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.
User avatar
Administrator

GK User
Wed Mar 13, 2013 2:43 pm
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
User avatar
Junior Boarder

GK User
Wed Mar 13, 2013 2:45 pm
Hey!!

It appeared in the sidebar box!!

http://vihreaplaneetta.fi/

Wow!
User avatar
Junior Boarder

GK User
Wed Mar 13, 2013 3:06 pm
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 :/
User avatar
Administrator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.