ThemeShaper Forums » Thematic

[closed]

CSS background image a:hover

(3 posts)
  • Started 8 years ago by bwirth
  • Latest reply from bwirth
  • This topic is resolved
  1. I cant seem to figure this out. I'm trying to add a background image on hover, like a bullet. the site is http://rainbowroundup.allianceitpro.com

    here is my code, it seems like my main-aside a and main-aside a:visited is working...mostly. I noticed that one of my links changes color on hover which is weird.

    .main-aside a:hover {
    background-image: url(/JPEG/trout-bkgrnd3.jpg);
    background-repeat: no-repeat;
    background-position: 100% .4em;
    padding-right: .6em;
    }
    .main-aside a, .main-aside a:visited {
    display: block;
    width:8em;
    border:1px solid #000;
    text-align:right;
    text-decoration:none;
    background: #D6D79D;
    font-weight: 700;
    color: #fff;
    padding: 4px;
    }
    .main-aside h3 {
    display:none;
    }

    Posted 8 years ago #
  2. ok, here is what i have now and it seems as though my .main-aside a:hover is only applying to one link...

    .main-aside a:hover {
    background-image: url(/JPEG/trout-bkgrnd.jpg);
    background-repeat: no-repeat;
    background-position: 100% .4em;
    padding-right: -2em;
    }
    .main-aside a, .main-aside a:visited {
    display: block;
    width:8em;
    border:1px solid #000;
    text-align:right;
    text-decoration:none;
    background: #D6D79D;
    font-weight: 700;
    color: #fff;
    padding: 4px;
    text-transform: uppercase;
    }

    Posted 8 years ago #
  3. nevermind, got it working. .main-aside ul a:hover and some others were needed as well.

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.