WordPress.org

1. Rommel Borras
   Member
   Posted 1 year ago #

   Hello all,

   Here is the issue I'm having. I Created my Theme and converted to HTML from a PSD. In the original layout, the sidebar navigation was supposed to do a little trick where when you hover over each "li" item, a cool graffiti arrow shows up next to the specific link. It worked prefect with HTML and CSS but when I got rid of the div tags in place for all the PHP of wordpress, the arrow no longer shows up. What could I be doing wrong?? This is my first WordPress theme so I've a bit of trouble with this.

   My site is:

   my sidebar.php looks like this:

   [Code moderated as per the Forum Rules. Please use the pastebin]

2. alchymyth
   The Sweeper
   Posted 1 year ago #

   if your background images are in the /images folder of your theme, try without the / before images:

   .widget ul li a:hover {
   
   	padding-left: 0px;
   
   	background-image: url(images/side_arrow2.png);
   
   	background-repeat:no-repeat;
   
   	background-position:0 .5em;
   
   }

3. Rommel Borras
   Member
   Posted 1 year ago #

   Thanks for the response alchymyth but I tried what you said and it did not work. I really wonder what it could be, I mean am I supposed to use a totally different language for image rollover with wordpress? like with jquery?

4. alchymyth
   The Sweeper
   Posted 1 year ago #

   viewing your site now, i get this arrow 'flying in' from the left of the links when hovering -
   maybe you need to reload your page in the browser or reset the brower cache by pressing 'ctrl f5' simultaneously.

Topic Closed

This topic has been closed to new replies.