Loading...
Image Frames 2018-04-05T16:17:37+00:00

Image Frames Shortcode

Avada includes four styles of image frames to help your images stand out. Choose from border, glow, dropshhdow and bottom shadow. Choose the border size and color, and style color for glow and dropshadow styles. These subtle effects will help your images look great!

4 Frame Styles to Select

Choose from 4 different image frame styles for your pictures. Each as effective and powerful as the last and all really give a ton of depth to your image content.

Hover Effects

We give you 3 mind-blowing image hover effects to choose from. Zoom in, Zoom out and Lift up. Give your pages image content a third dimension with these awesome options.

Control Borders

With Avada and the Fusion Builder Image Frame Element, you have full control over the border type and style of your images. What’s better, is these all work fully with the hover and the image frame styles you can choose from.

Lightbox Option

Integrate lightboxes into your image frames to add an extra element of interactivity to your content. The lightbox options are fully compatible with all of the other image frame options, for full flexibility when showcasing your content and building your dream design.

Image Frames Look Great Aligned With Content

Our image frame element inserts fully responsive images into your content, and can be placed alongside content, within a text block, in any way shape or form you like, and even better, they look excellent.

blog_opt_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac augue est, non porta lectus. Aenean scelerisque tellus sit amet sem fringilla sed pellentesque purus dapibus. Phasellus elementum pharetra justo, ac iaculis mauris consectetur sit amet. Proin venenatis semper nulla vitae molestie. Praesent pharetra erat lorem, dignissim auctor mi. Vivamus fringilla ultrices luctus.

Praesent rutrum felis a turpis luctus ut accumsan sem facilisis. Mauris at mi in nibh posuere molestie. Vivamus quis ante nec dolor fermentum sagittis. Ut aliquet eleifend nunc, eu pretium magna eleifend non. Nullam et orci eros.

Phasellus sodales pulvinar gravida. Aenean egestas accumsan porttitor. Sed ante odio, tincidunt ultrices congue sit amet, fringilla molestie nibh.

blog_opt_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac augue est, non porta lectus. Aenean scelerisque tellus sit amet sem fringilla sed pellentesque purus dapibus. Phasellus elementum pharetra justo, ac iaculis mauris consectetur sit amet. Proin venenatis semper nulla vitae molestie. Praesent pharetra erat lorem, dignissim auctor mi. Vivamus fringilla ultrices luctus.

Praesent rutrum felis a turpis luctus ut accumsan sem facilisis. Mauris at mi in nibh posuere molestie. Vivamus quis ante nec dolor fermentum sagittis. Ut aliquet eleifend nunc, eu pretium magna eleifend non. Nullam et orci eros.

Phasellus sodales pulvinar gravida. Aenean egestas accumsan porttitor. Sed ante odio, tincidunt ultrices congue sit amet, fringilla molestie nibh.

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Show on Desktop

Only Show on Tablet

Only Show on Mobile

Complete Set of Options

Every option and description included with the image frames shortcode is listed below.

  • lightbox – Can be one of these values: yes, or no. Display the image in a lightbox or not.
  • lightbox_image – The URL path of the custom image to be displayed, starting with http:// and usually ending on .jpg, .png or .gif.
  • style_type – Can be one of these values: none, border, glow, dropshadow, or bottomshadow. Set the frame’s style.
  • hover_type – Can be one of these values: none, zoomin, zoomout, or liftup. Sets the hover type for the picture.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave Blank for Theme Option selection.
  • bordersize – Accepts a pixel value that sets the border’s size. For example, 5px.
  • borderradius – Accepts a pixel value that sets the radius of the image. For example, 5px.
  • stylecolor – Accepts a hexcode ( #000000 ). Sets the style color for all style types except for the border style. Leave Blank for Theme Option selection.
  • align – Can be one of these values: none, left, right, or center. Sets the image’s alignment.
  • link – The URL path where the image links to. For example, http://www.example.com/.
  • linktarget – Can be one of these values: _self to open in same window, or _blank to open in new window.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • animation_offset – Can be one of these values: default, top-into-view, top-mid-of-view, or bottom-in-view. Sets when the animation starts.
  • hide_on_mobile – Can be one of these values: yes, or no. Shows or hides the image frame on mobile phone devices.
  • alt – The custom alternative title text that will show up in the lightbox.
  • src – The URL path of image displayed inside the frame.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Join The 400,000+ Satisfied Avada Users!

BUY AVADA NOW!

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com