On Windows Explorer text jumps when hovered over – Expound theme
-
On Windows Explorer the featured content secondary entry title and entry summary jump when hovered over. I would really appreciate if someone can tell me how to stop this happening please. I have the CSS custom design but can’t work it out. I had a similar issue with images a while back and realised if I took off border bottom on hover it fixed the issue but I don’t have border bottom set any more. Many thanks
The blog I need help with is: (visible only to logged in users)
-
-
-
Hi, I’m not seeing this on IE11. I’ve checked every link on your site home page and none of them jump when hovered. Are you still seeing this issue? If so, can you be a little more specific on which title is doing it?
-
-
-
-
I tested as well and I can’t see the problem either. I don’t see anything jump when I hover over the featured content title or summary on the http://ruthjacobs.co.uk/ homepage using IE11.
-
It is possible that there has been a browser addon or toolbar installed that could be causing this. I would try disabling all browser add-ons and extensions to see if that corrects the issue.
-
I disabled add-ons and the issue is still there. I did however delete the secondary featured content which is where this issue exists. I have marked posts now featured in the secondary content area so perhaps this can be seen. I also checked toolbars and I don’t seem to have any. Thank you for your help on this.
-
I did however delete the secondary featured content which is where this issue exists.
Okay, I can’t test it if the content isn’t there. You could try checking http://expounddemo.wordpress.com/ to see if you can find an example there with the same problem.
If you find something, please include the link to the page where the problem is happening and a cut/paste of the exact text I should hover over to see the problem in action.
-
I’ve added the secondary featured content back again. The problem is on the home page http://www.ruthjacobs.co.uk
-
I see it now. I also tried testing the Expound demo site in IE11 and didn’t see the problem there, so that indicates that the problem is being caused by your custom CSS.
I noticed you had a block of CSS with negative margins, and I know that different browsers can be known to handle margins in different ways, so I added that to my test blog and I could reproduce the jumping you described.
It’s being caused by this:
.featured-content-secondary .entry-title { margin-top: -7%; margin-bottom:-2%; line-height:.75em } -
Ah, now I’m seeing it. It is the negative bottom margins you have set in the below rule. I would suggest removing both of those (the 2% bottom margin does little really).
.featured-content-secondary .entry-title { line-height: 0.75em; margin-bottom: -2%; margin-top: -7%; }To adjust the space between the image and the title, add the following and adjust the bottom margin there.
.featured-content-secondary .entry-thumbnail { margin-bottom: 20px; }If you wish to adjust the space between the title and the content text, add the following and adjust the top margin.
.entry-content, .entry-summary { margin-top: 1.5em; } -
-
- The topic ‘On Windows Explorer text jumps when hovered over – Expound theme’ is closed to new replies.