Change header color

Homepage Community Forums Epik Theme Support Change header color

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #9869
    Hedi
    Customer

      Hi Wes,

      Can you explain how I can change the background color in the header? By header I mean the space in between the navigation menu’s, where you upload header images to. It’s not the head-wrap area, is it?

      Thanks in advance!
      Hedi

      #9877
      Wes
      Moderator

        Yes, since you’re using the Epik theme it would be the .head-wrap that you would change in your css. If you haven’t made any changes to your css file already, it should be located on line 1872 by default –

        .head-wrap {
            background: #303236;
            margin: 0 0 40px;
        }
        #9927
        Hedi
        Customer

          I tried that (a couple of times) already but the header background hasn’t changed… What to do?

          #9934
          Wes
          Moderator

            Do you have a link? I can tell you exactly what will need to be done.

            Also, the code I mentioned above is for the default theme/color. If you’re using a different color then you would need to change the code for that particular color. If you have a link I can tell you exactly what you’ll need to do.

            #9972
            Hedi
            Customer
              This reply has been marked as private.
              #9984
              Wes
              Moderator

                Ok so it looks like you’re using the dark blue theme, and you are editing the right area, but I noticed you only had 5 digits in your css for the background color –

                .epik-darkblue .head-wrap,
                .epik-darkblue .welcome,
                .epik-darkblue .home-feature-bg-dark,
                .epik-darkblue .author-box,
                .epik-darkblue .footer-widgets {
                	background: #fffff;
                	color: #eee;
                }

                It would need to either be 3 digits, or 6 digits for the color……you probably already know this, but I thought I mention it just in case.

                If you edit the background in that particular place, it will change all of the colors for those sections. If you just want to target a specific area, then separate the class like this –

                .epik-darkblue .head-wrap {
                    background: #000;
                }

                and make sure it’s removed from the other part of the code.

                #9995
                Hedi
                Customer

                  Thanks for you help! And sorry for violating rule #5!

                  #10004
                  Wes
                  Moderator

                    Great! You’re Welcome 馃檪

                    Just let us know if you need anything else.

                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Change header color’ is closed to new replies.