a href not clickable?

[operapixie]

Hi there,
I'm assuming this is a CSS or HTML issue, though I concede that I could well be wrong.

This WordPress homepage has a sidebar with two circles in the sidebar. Both have links within them, but for some reason neither is clickable (though I've added the hands to the hover effect). I'm not sure why. I've tried playing with the z-index, but haven't had any luck. Perhaps it has to do with the :before border effect? I don't know.

Also, the same mouseoever effect on these 2 circles next to the slideshow used to be in effect on the two circle images below the slideshow ("About" and "Events"), but it's not happening any more. I'm a little puzzled as to when that happened.

Thanks in advance.

~Laura

[VIPStephan]

Yeah, it’s the :before style overlapping the anchor because it’s positioned absolutely while the anchor is “auto” (which is “static”). You need to assign position: relative and a z-index higher than the one of the generated content (“2” should suffice) to the anchor.

[operapixie]

Ahhhhh...thank you awfully much. It seems as if I may need to either eliminate the :before altogether or figure out a way to create some invisible content for it. I suspected the little trick there might get me in a bit of trouble.

~Laura

[VIPStephan]

No, why? You don’t need to remove the generated content. As I said, just apply position: relative; and z-index: 2 to the link inside that circle/box.

[operapixie]

Oops, I missed the anchor part of the instructions. Sorry 'bout that. Ok. Working on getting that back to where it was.

[operapixie]

Thank you thank you! That certainly solved it!