2 replies [Last post]
jwrbloom
jwrbloom's picture
Offline
newbie
Last seen: 3 years 20 weeks ago
Timezone: GMT-5
Joined: 2010-03-06
Posts: 6
Points: 9

http://spieceselect.org

Just below the featured slider area are thumbnails. Roll over the far right hand thumbnail on the top row, the one that says Jordan Hahn. Not sure what would cause that shift to happen.

flamenco
flamenco's picture
Offline
Enthusiast
US, East Coast
Last seen: 3 years 14 weeks ago
US, East Coast
Timezone: GMT-5
Joined: 2009-04-13
Posts: 240
Points: 144

That's a very pretty theme.

That's a very pretty theme. That was a head-scratcher, but I think I have an idea for you. I changed the following CSS code in the following manner, and it's working for me:

#featured-thumbs img.hover {
	border: 1px 0 0 0;   
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 30px;
}

Notice the difference in the code from the original. When this was hovered over, the border went to zero, and margins changed. I think that the small movement was just enough on the last item to push it over and disturb the "stamp" that was way over on the left.

It doesn't look like much happens other than opacity when hovering over the other ones, but you'd be surprised how much difference one pixel can make in a very tight design (one with very exact tolerances).

I can see that the left margin becomes 1 pixel more when you hover, pretty clearly the designer did this so that the stamps would not move when hovered over. We all have our OCD moments. Even if that doesn't work, you have a path to follow.

Hope that helps, Dave

jwrbloom
jwrbloom's picture
Offline
newbie
Last seen: 3 years 20 weeks ago
Timezone: GMT-5
Joined: 2010-03-06
Posts: 6
Points: 9

That worked out very well.

That worked out very well. Next question, same site/page. I had to remove a popup feature because the thumbnails go down to a second row. I'm not married to the popup feature, but it is a nice feature. Basically, it shows a little blurb about the page/post on hover.

The problem is when there are two rows, when the cursor is over the top row, the popup just blinks. The bottom row works great.

http://spieceselect.org