How to customize header in Fjords04 theme

  • Unknown's avatar
    jhammonds · Member ·

    I would like my header photo to appear as one solid image across the top, and not be broken into three pieces as column headers. I have permission to edit the CSS; I’m just not sure what to insert, so the header appears the way I want it to.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    sandymcfadden · Member ·

    Hi jhammonds,

    I took a look and I think I came with some CSS code that will at least be a good start to get the look you want.

    #content, #sidebar-1, #sidebar-2, #sidebar-3 {
  background-image: none !important;
}

#wrapper a.header-link {
  padding-right: 42px;
  background-repeat: no-repeat;
  background-image: url(http://words4wildlife.files.wordpress.com/2011/01/wordpresshead.jpg);
  margin-top: 6px;
  margin-left: 6px;
  background-size: cover !important;
  position: absolute !important;
}

#content #hode {
  z-index: 10;
  position: relative !important;
}

    Let me know how that works out for you. It very well could use some tweaking.

  • Unknown's avatar
    jhammonds · Member ·

    Thank you so much! That works well.

  • Unknown's avatar
    sandymcfadden · Member ·

    Excellent, glad it worked for you.

  • The topic ‘How to customize header in Fjords04 theme’ is closed to new replies.