Back to All Events

Image Caption Styles in Fluid Engine

4 Lessons | 25 minutes

Image Caption Styles in Fluid Engine

We’re bringing image captions back to Fluid Engine! Choose from one of 3 different image caption styles using the grab-n-go code snippets: Caption Below, Caption Overlay, and Caption Popup. if you’re curious to learn more, stick around to get an understanding of how the CSS and Javascript works.

In these beginner-level javascript tutorials, you’ll learn some javascript basics like grabbing alt text from an image, looping through a group of images, and inserting HTML into your website.

 
 
Featured
Creating Image Captions from Alt Text

Learn how to grab the alt text from a Squarespace image and turn it into a caption in this beginner-level javascript tutorial.

Image Block Overlay Captions

Overlay your image caption on top of an image, and a simple coloring trick to make sure it always stands out.

Popup Captions for Image Block

Learn when and why to use CSS animations, the difference between animations and transitions, and the basic syntax of how they work.

⏩ Code Snippets for 3 Caption Styles

Choose from 3 styles for your image captions. Just copy and paste the code and you’ll be good to go.

Previous
April 4

CSS Animations 101
Next
May 15

Text Replacing & Title Styling