# Image Frames - Link: https://www.solmesz.com/image-frames - Published: 2013-05-24T20:58:09-03:00 - Author: Sol Mesz # 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](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000% 2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400% 27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F% 3E%3C%2Fsvg%3E "blog_5") ![blog_opt_3](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000% 2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400% 27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F% 3E%3C%2Fsvg%3E "blog_5") ![blog_opt_3](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000% 2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400% 27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F% 3E%3C%2Fsvg%3E "blog_5") ![blog_opt_3](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000% 2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400% 27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F% 3E%3C%2Fsvg%3E "blog_5") **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⌉⌊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⌉[ [⌊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⌉⌊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⌉⌊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, _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! [ BUY AVADA NOW!](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion) 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! ## Image Frames Look Great Aligned With Content ![blog_opt_3](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000% 2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400% 27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F% 3E%3C%2Fsvg%3E "blog_5") 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