I'm working on a landing page right now, and I'd love to be able to have specific images on the page transform into text when a visitor hovers their mouse over those images. I'm no good with writing CSS code. Can someone please help me out?
We'll need some more information on this in order to provide better help. 1) Do you have a link (or preview link) to the site? Also, 2) we need you to expand on what it is you are looking to achieve in the image to text.
Are you simply looking for someone to hover over an image and text appears over it?
We'll need some more information on this in order to provide better help. 1) Do you have a link (or preview link) to the site? Also, 2) we need you to expand on what it is you are looking to achieve in the image to text.
Are you simply looking for someone to hover over an image and text appears over it?
Can this code be modified to create a color change on hover for my home page navigation Icons? In other words, take them from black/gray to our brand red? My concern is that people may not realize they are nav icons since they are static on hover.
Hi, thanks for this. I don't know how the html and css integrate. I'm beginning with a rich text module and would to know how to integrate both into what I'm working in - perhaps that's my issue. I am truly a neophyte with all this.
Your best option for this is to create a custom module for this kind of thing. It would allow the ability to reuse it as needed. If you are unable to do so, with using a rich text module you would have to go into the view source option on the WYSIWYG (looks like this: </> ) and manually add the code there. Then you would want to add the content from the "CSS" portion of the frame on the codepen to your stylesheet (which you can also find in the Design Manager).
If you have any additional questions, please don't hesitate to ask.