Support » Themes and Templates » [Resolved] Change color header background

[Resolved] Change color header background

  • Hi,
    I’m trying to change the color of the zone between the primary and secondary menu. The blue one on the left and on the right of the header, I mean…
    I’m looking the css file of the theme but I really can’t understand what I have to change.

    Thanks in advance.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi AliaG

    You need to change the background color in the header. Currently it is #13A1EC. Specify the color your looking for below and then copy the code into your css.

    #header {
      background: none repeat scroll 0 0 #13A1EC;

    Hi be.creative,
    I don’t know why, but my header tag is a little bit different.
    This is what I find in the style.css:

    #header {
    	margin: 0;
    	padding: 0 2%;
    	position: relative;
    	overflow: hidden;
    	width: 96%;
    	z-index: 88;
    #header .wrap {
    	background: #1189b7;
    	margin: 0 auto;
    	padding: 0 2%;
    	width: 96%;

    I also used the finder, looking for the string you wrote, but it didn’t find anything like that.
    I’m a little bit confused…

    Theme Author Sami Keijonen


    @be.creative is right. You should put that in your child theme style.css. To be more precise, it’s like this.

    @media only screen and (min-width: 768px) {
    #header {
       background: #ccc;

    Premade child theme: http://themehybrid.com/themes/live-wire-child

    I don’t know how child theme works, but I’ll work on it and let you know!

    This link will help you make your child theme How to make a wordpress child theme

    It’s exactly what I’m studying. 🙂 thanks!
    I’ll work on it and I’ll let you all know about the progresses.

    Theme Author Sami Keijonen


    I already linked to premade to premade child theme. Feel free to use it.


    First of all thanks for your help.
    So…I got the child theme Sami Keijonen gave me the link to, installed it and put the code Same gave. Everything’s ok, but now I’ in front of another little problem.
    I did some changes in the parent theme, before ask you about the header stuff and now I’m trying to transfer them to the child theme, but them doesn’t show up, neither if they are in the parent or in the child theme.
    An example may be this:

    #menu-primary li.current-menu-item {
    	color: #CCC;
    	background-color: #900;

    I tried to write this in the child theme, inside the
    @media only screen and (min-width: 768px)
    Sami gave, and also outside, but is doesn’t show up.

    What I’m doing wrong?

    Sorry for this questions, but it’s the fist time I try to do this kind of work on WordPress.

    Thanks in advance.

    Theme Author Sami Keijonen


    Open new topic for new questions, it’s easier to help that way.

    Sorry…I found out.
    I was copying only the
    #menu-primary li.current-menu-item
    but I had to copy also other lines of code to change the colors.

    Thanks a lot for your help!!

    Thank you. Topic resolved.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Change color header background’ is closed to new replies.