WordPress.org

1. jaus101
   Member
   Posted 1 year ago #

   Hi all,

   This is my blog: http://socialmediauni.com.au/

   I want the header image of this blog to change when the mouse hovers over it. The hover image will be the same size, other dimensions etc, just different artwork.

   Apologies for this post, but I couldn't implement other solutions. I'd really appreciate your help.

   Thanks

   J

2. anujasha9
   Member
   Posted 1 year ago #

   what do you mean by the header image. Is it the SMU logo?
   This is a general example :
   a.Class{ background:url(MORMAL IMG.png) no-repeat; width:IMG WIDTH; height:IMG HEIGHT; display:block;}
   a.Class:hover{ background:url(HOVER IMG.png) no-repeat;}

3. jaus101
   Member
   Posted 1 year ago #

   Thanks for your reply, anujasha9.

   Yes, I am talking about the SMU logo.

   Do I put this in the css file, or in the header file?

4. teckn1caLity
   Member
   Posted 1 year ago #

   You want to put that in the css file.

5. anujasha9
   Member
   Posted 1 year ago #

   what I have given above is the way you need to do it. You need to edit the code little bit. Like the image name, image width, image height and the class name according to your image.
   I put the code in this URL explain what to do.
   http://paste.ideaslabs.com/show/HEP0wdQGUw

   NOTE : Please take a backup of your files before do these changes.

Topic Closed

This topic has been closed to new replies.