I am looking to create a colored block over an image on my site. Exactly like this site has: http://danielfuhrer.com/
I have seen some solutions given to this problem but none of the code they provided has worked for me. I am using the Five template. Any help would be much appreciated.
Thanks in advanced!
Answer by EthanStark · Jan 09 at 04:18 PM
You can show an image caption on hover in Image Blocks.
Add a new Image Block or open an existing one. In the Edit Image window, select Caption Overlay on Hover from the drop-down menu. Click Apply to close the window. Hover over the Image Block. In the black caption overlay that appears, click Write here... and enter your caption. After saving the page, the caption will appear on hover. Use Style Editor tweaks to style the image caption.
Ethan Stark https://www.cloudappsportal.com/
Answer by AP13 · Jan 09 at 06:45 PM
@EthanStark thanks for your response! With the caption on image blocks, it only shows up as a bar at the bottom (unless you can change the width and height which I am not aware of). The effect I am looking for is the same as the website reference I included in my original post. So a solid color, block that takes up the whole space of the image. I am assuming this effect needs custom CSS which is what I am looking for guidance on.
Change background color of Text Block? 3 Answers