ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   bwirth
   Member

   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 1 year ago #
2. 

   bwirth
   Member

   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 1 year ago #
3. 

   bwirth
   Member

   nevermind, got it working. .main-aside ul a:hover and some others were needed as well.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.