Image Title


Add titles and information about your images in a variety of styles with the Image Title Design Element. Make your images more interesting and invite interaction with a mouse hover action.








Image Titles OPTIONS DEMOS


Default View


Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Different Styles


Default

Lorem ipsum dolor sit amet

Quarter Slide Up

Lorem ipsum dolor sit amet

Quarter Slide Side

Lorem ipsum dolor sit amet

Quarter Fall In

Lorem ipsum dolor sit amet

Quarter Two Step

Lorem ipsum dolor sit amet

Quarter Zoom

Lorem ipsum dolor sit amet

Cover Fade

Lorem ipsum dolor sit amet

Cover Push Right

Lorem ipsum dolor sit amet

Revolving Door Left

Lorem ipsum dolor sit amet

Revolving Door Right

Lorem ipsum dolor sit amet

Revolving Door Top

Lorem ipsum dolor sit amet

Revolving Door Bottom

Lorem ipsum dolor sit amet

Cover Slide Top

Lorem ipsum dolor sit amet

Offset

Lorem ipsum dolor sit amet

Guillotine Revers

Lorem ipsum dolor sit amet

Half Slide

Lorem ipsum dolor sit amet

Sqkwoosh

Lorem ipsum dolor sit amet

Tunnel

Lorem ipsum dolor sit amet


Max images per line


5 images per line


Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Shape


Wide


Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Tall


Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Different Colors


Blue Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Green Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Red Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Violet Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Orange Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Text Colors


Blue Text Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Green Text Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Red Text Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Violet Text Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Orange Text Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Horizontal Alignment


Left Text Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Center Text Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Right Text Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Spacing


Spacing 0


Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Custom Width


50% Width


Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Linking Options


Lightbox


New Window


Options Description

Style – the caption animation style:
  • Quarter Slide Up
  • Quarter slide Side
  • Quarter Fall In
  • Quarter Two Step
  • Quarter Zoom
  • Cover Fade
  • Cover Push Right
  • Revolving Dor Left
  • Revolving Door Right
  • Revolving Door Top
  • Revolving Door Bottom
  • Cover Slide Top
  • Offset
  • Guillotine revers
  • Half Slide
  • Sqkwoosh
  • Tunnel
Shape – by default the shape is square:
  • Square
  • Wide
  • Tall
Max images per line – how many images you want to show in each line. By default it is 4 images  
Color – what is the caption color. By default it is primary. All colors available at ShortPoint Colors page
Text Color – what is the caption text color. By default it is white. All colors available at ShortPoint Colors page  
Horizontal alignment – caption text horizontal alignment:  
  • Left
  • Center
  • Right
Spacing – control the spacing between images:  
  • Default
  • 0
  • 2x
  • 3x
Width – by default images will cover the container width  
Image – link to the image
Title – image title
Description – Image description
Link – link where you will redirect
Linking options – there you can choose how to open your link:
  • Default – by default link will be opened in the same window
  • LightBox – your Link will be opened in the lightbox
  • New window – your link will be opened in the new tab
  • Dialog – your Link will be opened in the dialog window