-
Posts
-
I’m not sure if this is too specialized, but would appreciate some pointers if you can.
I’d like to have a special image hover effect (grey, opacity 0.7, with central white text) that disappears on hover, which when clicked will link to the media file in a lightbox (this part I can do). Essentially the text will call the user to “Click to Expand”, as the image is complicated and isn’t displaying well. I’d also like to do this outside of the ALB, as it is part of a blog post and is written in the standard WP editor.
I should point out that I have generally disabled the image hover effects – I just want in this situation.
Thanks!
Hey ATB_IO,
I’m not sure I understand what you are looking to achieve, could you post a link to an example maybe? A screenshot highlighting your intentions might help us understand better as well.
Best regards,
RikardYes, that wasn’t very clear was it? I can’t find a good example, so I’ll try to explain more clearly.
The image I have (a jpg of a data table) isn’t rendering very well when placed in my post. When I click on it and it links to the media file, the image is large, clear, and exactly what I want. To get around the poor quality image at low res, I want to have an overlay effect that tells the user to click the image to enlarge for full resolution. This overlay effect should be a transparent color overlay, with an opacity of maybe 0.7. There should be white text centered on the image that says “click to enlarge”. Upon hover, I’d like the opacity of the color overlay to change. Once clicked, the lightbox opens and the image displays at full, glorious resolution. Ta da!
To complicate matters, I want to do all of this outside of the ALB, in the standard wordpress editor. I’m happy to add divs/classes as required to get the right effect, and am ok with css, but what I’ve tried so far hasn’t worked, so if you could point me in the right direction I’d really appreciate it.
Thanks!
- You must be logged in to reply to this topic.