WordPress.org

Ready to get started?Download WordPress

Forums

Live Wire
[resolved] Change color header background (12 posts)

  1. AliaG
    Member
    Posted 9 months ago #

    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.

  2. be.creative
    Member
    Posted 9 months ago #

    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;
    }
  3. AliaG
    Member
    Posted 9 months ago #

    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...

  4. Sami Keijonen
    Member
    Theme Author

    Posted 9 months ago #

    @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

  5. AliaG
    Member
    Posted 9 months ago #

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

  6. Edde Poon
    Member
    Posted 9 months ago #

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

  7. AliaG
    Member
    Posted 9 months ago #

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

  8. Sami Keijonen
    Member
    Theme Author

    Posted 9 months ago #

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

    http://wordpress.org/support/topic/change-color-header-background?replies=7#post-4887741

  9. AliaG
    Member
    Posted 9 months ago #

    Hi!
    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.

  10. Sami Keijonen
    Member
    Theme Author

    Posted 9 months ago #

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

  11. AliaG
    Member
    Posted 9 months ago #

    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!!

  12. AliaG
    Member
    Posted 9 months ago #

    Thank you. Topic resolved.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.