Sometime the featured boxes text is grey

[Dandelion222]

This is a weird one. I haven’t been able to create the problem on my desktop. But on my laptop (and the client’s laptop) the color of the text of some of the featured boxes on the homepage is a different color. See the screenshot I took while using my laptop. I thought maybe it was a visited links css, but I checked the custom css and both are set to the same navy blue color. Here’s the custom CSS I’m using. Any ideas?

I think it might be a hover state. Before it was happening to 3 of the boxes, now just the middle one when I roll over the words. And only at the top! But not the other boxes. So weird!

.boxcaption {
background: rgba(250, 240, 230, 0.5);
}
.boxgrid h4 {
color: #273b96;
text-shadow: none;
font-size: 300%;
line-height: 100%;
}
.boxcaption a,
.boxcaption a:visited {
color: #273b96;
text-shadow: none;

}

Attachments:

1. 

   Batch-boxes.png
   

[Bill Robbins]

It looks like it is the hover state that is missing there. That seems to be why the color is turning up gray instead of blue. Try this:

.boxcaption a,
.boxcaption a:visited,
.boxcaption a:hover {
  color: #273b96;
  text-shadow: none;
}

See how that works out.

[Dandelion222]

Yes! I had it all except the hover state. Thanks!

[Author]

Posts