header image hover state

• 

  youthandlust · Member · Mar 26, 2012 at 4:05 pm

  • Copy link
  • Add topic to favorites

  hi everyone!
  i really hope that someone can help me out with this problem.. thank you all in advance.

  I would like to know how can I have another header image when it is on hover state.

  -btw, my blog theme is blogum.

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

• 

  designsimply · Member · Mar 29, 2012 at 2:01 pm

  • Copy link

  To replace the header image on hover in the Blogum theme, use this CSS:

  #header-image:hover a img {
  display: none;
  }
  #header-image:hover a {
  display: block;
  width: 945px;
  height: 152px;
  background: url(YOUR_IMAGE_URL) no-repeat;
  }

  Replace YOUR_IMAGE_URL with the URL of an image that you have uploaded to your media library.

  Note that the CSS above assumes you will use an image that is sized to 945 x 152 pixels.