Help with header area

Homepage Community Forums Epik Theme Support Help with header area

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6729
    Impactiv8
    Customer

      Hi,

      does anyone know how to get a header area like the one here:

      http://www.jonloomer.com/

      Currently our header graphic has the blue area around it from the theme and I would like to remove the ‘top and sides’

      http://impactiv8.com.au/

      Many thanks

      #6738
      Eric
      Customer

        That background color is coming from the #head-wrap, so you’d need to remove it from the other code –

        .epik-blue #head-wrap, 
        .epik-blue #welcome, 
        .epik-blue #home-feature-bg-dark, 
        .epik-blue .author-box, 
        .epik-blue .footer-widgets {
            background: none repeat scroll 0 0 #1887e5;
            color: #ddd;
        }

        Although the new version of Epik makes this easier to do….but don’t do the automatic upgrade if you’ve made a lot of css customizations.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #6816
        Impactiv8
        Customer

          Thanks Eric,

          By “remove it from the other code”, You mean I need to edit the style.css ?

          I have added the line

          background: none repeat scroll 0 0 #1887e5;

          but it the blue still repeats.

          This is what I did, (I changed the blue colour):

          .epik-blue #head-wrap,
          .epik-blue #welcome,
          .epik-blue #home-feature-bg-dark,
          .epik-blue .author-box,
          .epik-blue .footer-widgets {
          background: none repeat scroll 0 0 #37A8DB;
          color: #ddd;
          }

          Is that correct?

          Thanks

          #6844
          Eric
          Customer

            I meant separate the head wrap code from the other code like this (for example) –

            .epik-blue #head-wrap {
                background: none repeat scroll 0 0 #1887e5;
                color: #ddd;
            }

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            #6954
            Impactiv8
            Customer

              Thanks for the help Eric,

              I did as you suggested above but still get the colour wrapped around the image.
              Would you perhaps have another suggestion?
              I’m not good with CSS so if there is nothing else to be done I understand.

              #6955
              Eric
              Customer

                No that should work actually. The code is already present in your css, what you would need to do is add that code above and change the color. If you’ve uploaded that code above and didn’t change the color then it will still look the same (blue), which means you just need to change it to a different color. You can use a color picker to get the exact color hex code that you need. Does that make sense?

                Try this one – http://www.colorpicker.com/


                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                #6957
                Impactiv8
                Customer

                  Ahh that makes sense 🙂

                  Thanks so much!

                  #6979
                  Eric
                  Customer

                    You’re Welcome!


                    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

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