CSS Image Hover

[marketme]

Hello all!

I am attempting to add in an image hover effect to the Altitude theme. I haven't had much success in any of the online tutorials or code suggestions. I have gotten the closest with the image and the text overlay all at once (not on hover) as seen here:

http://owlbracelets.com/test/

The first image should be the bracelet and the hover should be the text - the same of which can be seen here:
http://tympanus.net/Tutorials/OriginalHoverEffects/

Is there something in my theme that is preventing this effect from working? Any suggestions as to how I may be able to get this to work?

http://owlbracelets.com/test/

[SavvyJackie]

Hi there,
You are so close. 🙂
Looks like you are missing your view-first class in your div.

You have

<div class="view view-class">  <-- try changing view-class to view-first
     <img src="http://owlbracelets.com/wp-content/uploads/2015/06/testg.jpg">  <p></p>
<div class="mask">
<h2>Title</h2>
<p>Your Text</p>
<p>         <a href="#" class="info">Read More</a>
     </p></div>
</div>

Also in your custom css,

.view a.info: hover {  <- remove space after info: to info:hover
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[marketme]

Oh man! I have been looking at so many samples for hours that I missed something so simple! It worked, thank you so much SavvyJackie for your quick response 🙂

Dana

[SavvyJackie]

My pleasure.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[SavvyJackie]

check the url for bgimg.jpg in your css. It is generating a 404 error.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[marketme]

Oh thank you, I removed it. Came with the code but I don't seem to need it 🙂

[Author]

Posts