Return to previous page

Change header color in Dark color scheme

This topic has 8 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

cchobby

Participant

April 11, 2014 at 09:03

Hello

Is it possible to change the header color in Dark color scheme?
Too white for example. only the header from the menu and up.

Header No. 4

See: http://applemarked.dk/

#1112 Copied

7 Answers
Olga Barlow

Support staff

April 14, 2014 at 13:40
Hello,
You can do this only by editing css styles. Use custom.css file to override default theme styles. Create custom.css in wp-content/themes/idstore/ , enable in Theme Options > Custom CSS > On.
And for example add following code in custom.css file:
```
.container, .header-type-variant4 .header-area, .header-type-variant4.header-bg, .wide .wrapper, .boxed .wrapper {background: #ffffff;}
.header-type-variant4 #main-nav {background: #fafafa;border-top: 1px solid #111;}
```
To find out which part of CSS you need to extend or override use Firebug, add-on for Firefox: getfirebug.com or inspect elements in Chrome or other similar tool.

Regards
#1210 Copied
cchobby

Participant

April 15, 2014 at 07:59

In the CSS it just look like it is the white theme I am editing in. how too vælge the dark theme too override???

#1234 Copied

Olga Barlow

Support staff

April 15, 2014 at 14:56

Hello,
Sometimes you need to add !important for some styles, if it does not work without it.
But keep in mind file should be named as custom.css to override default styles (not default.custom.css)!

Regards

#1260 Copied

cchobby

Participant

April 16, 2014 at 06:24

nothing happens when I put the code into custom, but I can see att I can change other things in it. således works.

#1282 Copied

Eva Kemp

Support staff

April 16, 2014 at 10:34

Hello,

Try to add the following code to custom.css:
.header-type-variant4 .header-area { background: #FFFFFF !important; }
Also make sure you turned on custom.css in admin panel > Theme Options > Custom CSS.
If the issue persists provide us with login details to admin panel in Private Content.

Regards

#1302 Copied

cchobby

Participant

April 16, 2014 at 11:15

Super thanks.. it works now…

Please, contact administrator
for this information.

#1303 Copied

Eva Kemp

Support staff

April 16, 2014 at 16:40

You are welcome.
You can remove the image adding the following code to custom.css:
.grid_content.no-sidebar .cat-banner { display: none; }
Let us know if this doesn’t help and we’ll check ourselves.

Regards

#1341 Copied
Viewing 8 results - 1 through 8 (of 8 total)