izbizitiz
Forum Replies Created
-
Hi me yet again.
I did it! I’ve now got just the image that fades by adding another unquie div and styling just the image:
<div class=”mine”>
[expand title=”<img src=’http://xxx.jpg’/>” alt=”xxx” trigclass=”noarrow” tag=”div”]
<p>Text here</p>[/expand]</div>.mine img:hover{opacity: 0.4;
filter: alpha(opacity=40); }Thank you
🙂Hi Baden
Me again, I’ve managed to create a hover over effect (yipee) from the guide you referred me to. The downside is that the whole thing (image and expanding text) fades and I don’t think it’s possible to just fade the image. 🙁
I’m pleased I got this far though!
Hi Baden
Many thanks again for your quick reply.
My customer’s requirements have changed and hopefully easier to implement!
They only now want the image trigger to have a colour change on hover. Is this possible? I have tried using .colomat-hover but this only works with text triggers.
Do you think it’s still something to do with roll your own?
Many thanks
Hi Baden, Many thanks for your quick reply.
I’ve had a play with the .colomat-hover in my child theme’s css but unfortunately I can’t seem to get it to work with a basic background hover colour.
I haven’t really got any code to send you as I’ve tried and deleted a few times now as I’ve got myself confused. I’ve removed the href # as this just sent the user to the top of the page so I’m guessing this is the wrong way to do it.
Here is a link to the dev site that I’m doing my trials on:http://recyclemad.com/case-studies/
Hopefully there is a tutorial somewhere that could help me?
Look forward to hearing from you.
Silly me! I added a href link with target to # on the post above. Obviously this has rendered as an actual hyperlink.
🙂Hi, here’s a link to the dev site: http://recyclemad.com/
Look forwward to hearing from you
