Treehouse: Grow your CSS skills. Land your dream job.

Class is preventing link from working

  • # August 22, 2011 at 2:21 pm

    Look at the thumbnails bottom right. The homes in the scroll bar are no longer working links.

    The photo just above is working because I removed class=”attachment-gold-thumbnails”

    Why is this class preventing the link from working? I dont see that class anywhere in the CSS. I am using the WP-eCommerce Plugin.


    # August 22, 2011 at 2:36 pm

    It’s not the class, it’s simply being inside of the scrolling area (if you take all of the thumbs out of there and place them into the content area the links work fine).

    There is a JS error, but it’s probably unrelated.

    If I replace what you currently have with this, it works:

    # August 22, 2011 at 2:37 pm

    Only thing I did was get rid of the rev=””

    # August 22, 2011 at 2:53 pm

    Take a look again please. I have two identical homes there. The working one on top is missing only the class.

    # August 22, 2011 at 3:40 pm

    Why is the class there? As far as I can see there is no CSS being applied to it.

    Also, if I remove it via Firebug, the links still do not work. Something is happening to that class on page load.

    # August 22, 2011 at 3:45 pm

    Finally found what’s using it:

    jQuery(this).parents('.imagecol:first').find('.product_image').attr('src', jQuery(this).parent().attr('rev'));
    jQuery(this).parents('.imagecol:first').find('.product_image').parent('a:first').attr('href', jQuery(this).parent().attr('href'));
    return false;

    Try simply removing that to see what happens.

    # August 22, 2011 at 3:54 pm

    Thanks, that got it!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.