Winning Agent Featured Listings on Home Page Clicking Problem

Community Forums Forums General Discussion Winning Agent Featured Listings on Home Page Clicking Problem

This topic is: not resolved

Tagged: 

This topic contains 9 replies, has 4 voices, and was last updated by  anotherusername 2 days, 7 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #108264

    kduffey
    Participant
    Post count: 27

    I’ve noticed that the featured listings on the home page don’t click well. There are places that aren’t “hot” on the image and therefore it can take several clicks to go through to the listing itself. You can see the example on this page: http://www.scottmdaley.com/

    Any way to fix this?

    #108335

    rfmeier
    Participant
    Post count: 603

    Hello,

    Since the :hover event in css is just setting the elements to an opacity of 0, the elements still maintain their structure (Similar to using visibility: hidden). I was able to get this working in Chrome by removing the opacity declaration and add the display to none during the hover event.

    [css]
    /* style.css line ~771 */
    .home .listing-wrap:hover span,
    .home .listing-wrap:hover a.more-link {
    display:none;
    }[/css]

    Try it out. Confirm it works in the needed browsers.


    #132774

    Jeff@NorthHouHomes.com
    Member
    Post count: 3

    … I see you have resolved not only the clickable area issue but the separation of multiple Featured Listings on Scott Daley’s site. Very nice BTW. Can you please share how you accomplished this? I have been looking for a while now and I can’t find anything online. Thank you. Jeff (In Houston as well)

    #132777

    rfmeier
    Participant
    Post count: 603

    Jeff,

    Who is your comment targeted at? kduffey or myself?


    #132779

    Jeff@NorthHouHomes.com
    Member
    Post count: 3

    Anyone who can help actually. Kduffey’s site for Scott Daley http://www.scottmdaley.com/ shows exactly like what I am trying to achieve. Everyone online seems to be asking how to fix the clickable area problem but know real “this is where you go and this is how you fix” answers. I’ve also looked into the problem of the Featured Listing widget only able to do 3 across in the Winning Agent and any more they stack up halfway on top of each other. I am actually good with that now because we have over 20 featured listings at any given time and this seems to save space on a long home page while still showing the most important information… if you can just get the mouse to actually click it on the 3rd or 4th attempt! NorthHouHomes.com

    #132784

    rfmeier
    Participant
    Post count: 603

    Jeff,

    You have the same issue with the clickable area;

    Around line ~771 within your style.css file change

    [css]
    .home .listing-wrap:hover span,
    .home .listing-wrap:hover a.more-link {
    opacity: 0;
    }[/css]

    to

    [css]
    .home .listing-wrap:hover span,
    .home .listing-wrap:hover a.more-link {
    display: none;
    }[/css]

    As for the missing bottom margins… it looks like some elements aren’t respecting their height. The issue is probably deeper, but I was able a get a fix in as follows;

    Around line ~1238 within your style.css file, change the min-height to 200px like so;

    [css]
    .home-featured-1,
    .home-featured-2,
    .home-featured-3,
    .home-listings .featured-listings .entry {
    float: left;
    margin-bottom: 0;
    margin-right: 60px;
    min-height: 200px;
    text-align: center;
    width: 340px;
    }[/css]


    #132785

    rfmeier
    Participant
    Post count: 603

    Man alive. Posting code never works here.


    #132791

    Jeff@NorthHouHomes.com
    Member
    Post count: 3

    Yea! Everything works. I changed it to 220 to give a separation around each listing. Thank you so much for your help. I really know nothing about coding. What I’ve done so far is through sheer patience and experimentation. I have huge gaps in what I was able to find and learn on my own about building a website but with help from people like you I am able to get a nice website that actually works. Now If I can learn enough about SEO to get it ranked high enough to be found on Google! Thank again. I’m sure this post will get lots of hits from those who bought Winning Agent and thought it would actually look and work like the demo and with the patience to find answers.

    #132804

    rfmeier
    Participant
    Post count: 603

    Great! Glad I could help.


    #132813

    anotherusername
    Participant
    Post count: 115

    Now If I can learn enough about SEO to get it ranked high enough to be found on Google!

    Easy.

    Just make your site – and the services you provide – much, much more awesome than all the sites of your competitors. :)

    In all seriousness, you need to think about what YOU will provide to potential clients that your competitors can’t / won’t provide.

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

You must be logged in to reply to this topic.