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.
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.
Display Image in Lightbox
You can choose to display your image inside a lightbox, or have it link to another URL.
Use With Columns
Make your content more interesting by using images along side it. Avada’s Image Frame Shortcode works beautifully aligned with content.
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.
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, 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, 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!
Image Frames Look Great Aligned With Content
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 consequa.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus sodales pulvinar gravida. Aenean egestas accumsan porttitor. Sed ante odio, tincidunt ultrices congue sit amet.
Features and Customizations
- 4 Styles of Image frames, border, glow. dropshadow, bottomshadow
- Change the border size and color on all styles
- Change the style color for glow and dropshadow style
- Use with column shortcodes to control the width