Image Rollover on Vertical Sidebar

  • 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]

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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;

}
    Thread Starter Rommel Borras

    (@rommel-borras)

    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?

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Rollover on Vertical Sidebar’ is closed to new replies.