On Windows Explorer text jumps when hovered over – Expound theme

souldestructionblog · Member · Feb 11, 2014 at 7:34 pm
Copy link

Add topic to favorites
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)
thesacredpath · Member · Feb 12, 2014 at 4:26 pm
Copy link
Hi @souldestructionblog, which version of IE are you seeing this happen on?
souldestructionblog · Member · Feb 12, 2014 at 4:41 pm
Copy link
Sorry, I should have said. It’s IE11. Thanks
thesacredpath · Member · Feb 19, 2014 at 8:21 pm
Copy link
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?
timethief · Member · Feb 19, 2014 at 8:23 pm
Copy link
@thesacredpath
FWIW I’m not experiencing it either using IE11.
thesacredpath · Member · Feb 19, 2014 at 8:24 pm
Copy link
@timethief, thanks a lot for the verification.
timethief · Member · Feb 19, 2014 at 8:25 pm
Copy link
:) any time
designsimply · Member · Feb 20, 2014 at 5:39 pm
Copy link
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.
timethief · Member · Feb 20, 2014 at 5:42 pm
Copy link
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.
souldestructionblog · Member · Feb 20, 2014 at 7:14 pm
Copy link
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.
designsimply · Member · Feb 20, 2014 at 8:39 pm
Copy link
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.
souldestructionblog · Member · Feb 20, 2014 at 9:09 pm
Copy link
I’ve added the secondary featured content back again. The problem is on the home page http://www.ruthjacobs.co.uk
designsimply · Member · Feb 20, 2014 at 9:44 pm
Copy link
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
}
```
thesacredpath · Member · Feb 20, 2014 at 10:49 pm
Copy link
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;
}
```
souldestructionblog · Member · Feb 21, 2014 at 5:43 pm
Copy link
Thank you so much! It’s all fixed now :)
thesacredpath · Member · Feb 21, 2014 at 5:50 pm
Copy link
You are welcome and sorry for the wait.

No items found.