a:hover not working on logo

  • Resolved BusyBrandi

    (@busybrandi)


    13 years, 1 month ago

    URL: busybrandi.com
    Theme: Deluxe

    I am trying to make a hover effect to my logo. I would like for the image to change when you hover. I have tried a couple different codes and have yet get it to work.

    header.php

    <!-- begin logo -->
							<div class="logo">
								<a href="<?php bloginfo('siteurl'); ?>"><img src="<?php echo get_option('sitelogo', get_bloginfo('template_url').'/images/logo.png'); ?>" alt="<?php bloginfo('description'); ?>"/></a>
							</div>
							<!-- end logo -->

    and here is the code i have tried

    .logo a:hover{
	background: url(https://i1133.photobucket.com/albums/m599/brandidampier/BrandiHeader_hover.png) no-repeat;
	margin: 0;
	padding: 0;
	width: 501px;
	height: 193px;
	text-indent: -9999px;
	float:left;
	display: block;
}

    Could anyone give me some idea of why this isn’t working?

  • The topic ‘a:hover not working on logo’ is closed to new replies.