
Bloxx
Bloxx is similar to Focus but with an extra step of displaying all thumbnails on the screen when the initial thumbnail is clicked. When the user clicks through to the large image, controls are displayed for visitors to navigate through the other images.
It’s possible to turn off the thumbnail step or the large image step in Bloxx.
Initial Thumbnail
- Show Stack: A fake stack of images is placed under the thumbnail to give an indication that there’s more than one image to be viewed.
- Border Color and Size: Sets the color and size of the thumbnail border.
- Shadow Angle, Offset, Color, and Blur: Apply a shadow to the thumbnail.
Tip: To remove the shadow, slide the Offset and Blur sliders to 0.
Thumbnail Grid
- Background Color and Opacity: Set the color and transparency of the overlay that appears when the thumbnail grid or image is displayed.
Header
- Background Color and Opacity: Set the color and transparency of the header area that appears at the top of the window when the thumbnail grid or image is displayed.
- Buttons Color, Hover Color, Disabled Color, Background Color, and Opacity: These control the appearance of buttons in the header. Color, Hover and Disabled set the color of the icon in each of those states. Background Color and Opacity set the color and transparency of the buttons.
- Text Font, Color, and Size: Image titles are displayed in the header when the large image is displayed. These options set the font, color and size of this text.
Thumbnails
Thumbnails can be turned off by unchecking the checkbox in the heading. Doing so will skip the thumbnail grid when the initial thumbnail is clicked.
- Border Color, Size, and Radius: Sets the color, size and rounded corner radius of thumbnails that are displayed in the thumbnail grid.
- Titles Font, Color, and Size: Image titles are displayed under thumbnails in the thumbnail grid. These options set the font, color and size of this text. The text can be turned off by unchecking the checkbox alongside the title.
Images
Images can be turned off by unchecking the checkbox in the heading. Doing so will prevent the large image from being displayed when thumbnails are clicked in the thumbnail grid. If links are applied to images then they will be moved from the large image to the thumbnails.
- Border Color, Size, and Radius: Sets the color, size and rounded corner radius of thumbnails that are displayed in the thumbnail grid.
- Shadow Angle, Offset, Color, and Opacity: Apply a shadow to the image.
- Captions Background Color, Font, Color, and Size: Image captions are displayed in a revealable box alongside images (or under images when viewed son smaller screens). These options set the background color of the box and the font, color and size of the text. The text can be turned off by unchecking the checkbox alongside the title.