Blog

  • Images

    [ux_banner height=\”562px\” height__sm=\”368px\” bg=\”2053\” bg_overlay=\”rgba(0, 0, 0, 0.27)\” parallax=\”2\”]

    [text_box width=\”68\” width__sm=\”81\”]

    Powerful Theme needs powerul images

    Responsive Images you can insert anywhere. You can also them into a slider.

    [/text_box]

    [/ux_banner]
    [row style=\”large\” v_align=\”middle\”]

    [col span=\”6\” span__sm=\”12\” align=\”center\”]

    Beautiful Images with Beautiful Captions

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

    [/col]
    [col span=\”6\” span__sm=\”12\”]

    [ux_image id=\”2052\” image_size=\”large\” lightbox=\”true\” caption=\”true\” image_overlay=\”rgba(0, 0, 0, 0.16)\” image_hover=\”zoom-long\” animate=\”fadeInUp\”]

    [/col]

    [/row]
    [title style=\”center\” text=\”Image Overlay Styles\”]

    [row]

    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_hover=\”glow\”]

    Glow

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_hover=\”color\” animate=\”fadeInLeft\”]

    Add Color

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_hover=\”grayscale\” animate=\”fadeInLeft\”]

    Grayscale

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_hover=\”fade-in\” animate=\”fadeInLeft\”]

    Fade In

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_hover=\”zoom-fade\” animate=\”fadeInLeft\”]

    Zoom Fade

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_overlay=\”rgba(0, 0, 0, 0.37)\” image_hover=\”overlay-add\” animate=\”fadeInLeft\”]

    Add Overlay

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_overlay=\”rgba(0, 0, 0, 0.37)\” image_hover=\”overlay-remove\” animate=\”fadeInLeft\”]

    Remove Overlay

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” image_hover=\”blur\” animate=\”fadeInLeft\”]

    Blur

    [/col]

    [/row]
    [row]

    [col span=\”6\” span__sm=\”12\”]

    [title style=\”center\” text=\”Image with video\”]

    [ux_image id=\”2052\” animate=\”fadeInLeft\” link=\”https://www.youtube.com/watch?v=_j5KR28qtsI\”]

    Add a Youtube or Vimeo link to Image link tag to automatically get a play icon and a Video Lightbox on Images.

    [/col]
    [col span=\”6\” span__sm=\”12\”]

    [title style=\”center\” text=\”Image drop shadow\”]

    [ux_image id=\”2052\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    Add cool drop shadows to your images to make them pop out on hover.

    [/col]

    [/row]
    [title style=\”center\” text=\”Add Images to any sliders\” size=\”undefined\”]

    [ux_slider style=\”container\” slide_width=\”700px\” bg_color=\”rgb(0, 0, 0)\”]

    [ux_image id=\”2052\” height=\”75%\” image_hover=\”overlay-remove\” depth_hover=\”2\”]

    [ux_image id=\”2052\” height=\”75%\” image_hover=\”overlay-remove\” depth=\”3\”]

    [ux_image id=\”2052\” height=\”75%\” image_hover=\”overlay-remove\”]

    [ux_image id=\”2052\” height=\”75%\” link=\”https://www.youtube.com/watch?v=_j5KR28qtsI\”]

    [/ux_slider]
    [row]

    [col span=\”6\” span__sm=\”12\”]

    [title style=\”center\” text=\”Image with reverse parallax\”]

    [ux_image id=\”2052\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” parallax=\”-1\” animate=\”fadeInLeft\”]

    [/col]
    [col span=\”6\” span__sm=\”12\”]

    [title style=\”center\” text=\”Image with PArallax\”]

    [ux_image id=\”2052\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” parallax=\”1\” animate=\”fadeInLeft\”]

    [/col]

    [/row]
    [title style=\”center\” text=\”Images with lightbox\” size=\”undefined\”]

    [row]

    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” height=\”75%\” lightbox=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” height=\”75%\” lightbox=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” height=\”75%\” lightbox=\”true\” caption=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col]
    [col span=\”3\” span__sm=\”6\”]

    [ux_image id=\”2052\” height=\”75%\” lightbox=\”true\” caption=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col]
    [col span__sm=\”12\” align=\”center\”]

    [title style=\”center\” text=\”Images with Caption\” size=\”undefined\”]

    [row_inner]

    [col_inner span=\”4\” span__sm=\”12\”]

    [ux_image id=\”2052\” height=\”75%\” caption=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col_inner]
    [col_inner span=\”4\” span__sm=\”12\”]

    [ux_image id=\”2052\” height=\”75%\” caption=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col_inner]
    [col_inner span=\”4\” span__sm=\”12\”]

    [ux_image id=\”2052\” height=\”75%\” caption=\”true\” image_hover=\”overlay-remove\” depth=\”3\” depth_hover=\”5\” animate=\”fadeInLeft\”]

    [/col_inner]

    [/row_inner]

    [/col]

    [/row]