WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] a:hover not working on logo (1 post)

  1. BusyBrandi
    Member
    Posted 2 years 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(http://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?

Topic Closed

This topic has been closed to new replies.

About this Topic