Winning Agent Featured Listings on Home Page Clicking Problem

[kduffey]

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?

[rfmeier]

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.

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

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

---

Ryan Meier – Twitter

[[email protected]]

... 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)

[rfmeier]

Jeff,

Who is your comment targeted at? kduffey or myself?

---

Ryan Meier – Twitter

[[email protected]]

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

[rfmeier]

Jeff,

You have the same issue with the clickable area;

Around line ~771 within your style.css file change

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

to

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

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;

.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;
}

---

Ryan Meier – Twitter

[rfmeier]

Man alive. Posting code never works here.

---

Ryan Meier – Twitter

[[email protected]]

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.

[rfmeier]

Great! Glad I could help.

---

Ryan Meier – Twitter

[anotherusername]

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.

[Author]

Posts