Portfolio thumbnail titles not showing well on hover in Blask Theme.
-
When I hover over any portfolio thumbnail on my front page, the title of the image is barely visible. Looking at the Blask demo, the concept is a good one: darken the image so that a light colored title is easy to read when a visitor hovers over the image. Because I have chosen a darker background, my thumbnails lighten instead of darken, which should allow darker text to appear. However, the text isn’t dark enough. To me, this seems like a design issue in the theme. I was hoping I could fix it with some CSS, but I have been unable to isolate the code that controls the color of this particular text using Firefox’s inspector. I was able to change the background color, effectively darkening the image, but this didn’t help the issue so I left the code unchanged. It seems Blask is determined to blend the titles and thumbnails together. Any suggestions?
The blog I need help with is: (visible only to logged in users)
-
This one was a little tricky, since those thumbnail titles consist of an h2 tag within each portfolio item. Give this a try, replacing the white with your preferred colour:
.portfolio-thumbnail a:hover h2 { color: #ffffff; }Let me know how it goes.
-
-
- The topic ‘Portfolio thumbnail titles not showing well on hover in Blask Theme.’ is closed to new replies.