Mouse hovering over portfolio images in Minimum Pro

[bd]

I'm using Minimum Pro and my question concerns the featured images on the Portfolio page.

I need a small text (the image credits) to show up at the top of the mouse pointer when mouse hovering over the featured images of the Portfolio page. As I have no html control when adding the featured image in the Portfolio posts, I cannot add it this way.

I’m thinking more in particular to filling the image credits in the “Caption” field of the image in the Media library and then making this text appear when mouse hovering over the corresponding image in the Portfolio page.

Thank you in advance for any suggestion.

[Brad Dalton]

Link to your site please.

You'll find many tutorials like this http://www.hongkiat.com/blog/css3-image-captions/ which you give you a good idea on how to do this.

Another option is to look at the code used in the Agency Pro themes front page.

---

Tutorials for StudioPress Themes.

[bd]

Thank you for your kind reply.

My site is not yet online. However, the portfolio page is identical to the Minimum Pro demo portfolio page.

What I need is simpler than what appears on the Agency Pro front page or the tutorials mentioned.

I just need a couple of words to show up as a tooltip when mouse hovering over the images of the portfolio page.

The problem is, the images on the portfolio page are added in the portfolio post as featured images, with no html control. (If I could control the html code of the image, I could add the tooltip text as title="").

But not being a coder, I have difficulties in figuring out how to proceed.

Thanks again for your reply.

[Brad Dalton]

Its a good question however not easy to solve.

---

Tutorials for StudioPress Themes.

[Sridhar Katakam]

http://sridharkatakam.com/how-to-show-featured-images-captions-on-hover-in-minimum-pros-portfolio-page/

---

Genesis Tutorials | Follow me on Twitter

[bd]

You are a magician, Sridhar !

Thank you so much.

I would like to ask if there is a way to only keep the tooltip (and suppress/hide what shows up at the bottom of the photo).

Thank you again for your generosity.

BD

[bd]

I have found by myself:

.description_content {
display: none}

Thank you again Sridhar.

[Author]

Posts