Image Frame 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 Image Frame Styles

There are 4 Image Frame styles: border, glow, drop shadow or bottom shadow. Use these styles to make your images stand out.

blog_opt_3
blog_opt_3
blog_opt_3
blog_opt_3

Customization Settings

The Image Frame Shortcode includes various customization settings such as editing the border size and color, the style colors for glow and drop shadow.

blog_opt_3
blog_opt_3
blog_opt_3

Display Image in Lightbox

You can choose to display your image inside a lightbox, or have it link to another URL.

blog_opt_3
blog_opt_3

Use With Columns

Make your content more interesting by using images along side it. Avada’s Image Frame Shortcode works beautifully aligned with content.

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. Donec sit amet libero sit amet arcu laoreet lacinia. Aenean vitae est neque. Morbi tempus mauris ut nibh malesuada mattis. Suspendisse a tellus eget dolor ornare blandit. Phasellus porta dictum ligula ac porttitor. Nunc ut ante sit amet dolor rutrum feugiat non vel mi. Vivamus urna velit, convallis non porta vel, feugiat in urna.

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. Sed tempor lectus id arcu consequat faucibus. Fusce et quam eros. Mauris non nunc at orcis.

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. Donec sit amet libero sit amet arcu laoreet lacinia. Aenean vitae est neque. Morbi tempus mauris ut nibh malesuada mattis. Suspendisse a tellus eget dolor ornare blandit. Phasellus porta dictum ligula ac porttitor. Nunc ut ante sit amet dolor rutrum feugiat non vel mi. Vivamus urna velit, convallis non porta vel, feugiat in urna.

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. Sed tempor lectus id arcu consequat faucibus. Fusce et quam eros. Mauris non nunc at orcis Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Phasellus sodales pulvinar gravida. Aenean egestas accumsan porttitor. Sed ante odio, tincidunt ultrices congue sit amet, fringilla molestie nibh.

blog_opt_3

Complete Set of Options

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

  • lightbox – Can be one of these values: yes, or no. Display the image in a lightbox or not.
  • style_type – Can be one of these values: none, border, glow, dropshadow, or bottomshadow. Set the frame’s style.
  • 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, https://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, shake, or slide. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, or up. 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.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!