This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.
Loading...
Flip Boxes 2017-03-10T03:31:08+00:00

Flip Box Shortcode

Animated flip boxes are simply awesome. We’ve never met anyone who doesn’t love these bad boys. They are great for grabbing the users attention and adding some interaction with your content. Avada’s flip boxes have fully customizable content on the front and back side. They are fully integrated with the Font Awesome icon set and icon options like spin, rotate, flip. You can put a title on the front and backside, add buttons to your content and the box height will extend based on the amount of content you use. Customize the border size, border radius and have full control over the front and backside colors. Oh yeah, and you can animate them with CSS3 goodness. These are an Avada favorite, and for good reason.

Fully Responsive

Avada’s responsive framework ensures your content looks great on all screen sizes.

Perfect For All Sizes

No matter the size of your screen or device, your site will look fantastic.

.fusion-button.button-15 .fusion-button-text, .fusion-button.button-15 i {color:rgba(255,255,255,.7);}.fusion-button.button-15 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-15 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-15:hover .fusion-button-text, .fusion-button.button-15:hover i,.fusion-button.button-15:focus .fusion-button-text, .fusion-button.button-15:focus i,.fusion-button.button-15:active .fusion-button-text, .fusion-button.button-15:active{color:rgba(255,255,255,.7);}.fusion-button.button-15:hover, .fusion-button.button-15:focus, .fusion-button.button-15:active{border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-15:hover .fusion-button-icon-divider, .fusion-button.button-15:hover .fusion-button-icon-divider, .fusion-button.button-15:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-15{background: #97c04c;}.fusion-button.button-15:hover,.button-15:focus,.fusion-button.button-15:active{background: #8eb645;}.fusion-button.button-15{width:auto;}BUY AVADA NOW!

Premium Sliders

Avada includes four premium sliders that make your content stand out!

Make Your Content Stand Out

Avada includes the Layer Slider, Revolution Slider, Fusion Slider and Elastic Slider.

.fusion-button.button-16 .fusion-button-text, .fusion-button.button-16 i {color:rgba(255,255,255,.7);}.fusion-button.button-16 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-16 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-16:hover .fusion-button-text, .fusion-button.button-16:hover i,.fusion-button.button-16:focus .fusion-button-text, .fusion-button.button-16:focus i,.fusion-button.button-16:active .fusion-button-text, .fusion-button.button-16:active{color:rgba(255,255,255,.7);}.fusion-button.button-16:hover, .fusion-button.button-16:focus, .fusion-button.button-16:active{border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-16:hover .fusion-button-icon-divider, .fusion-button.button-16:hover .fusion-button-icon-divider, .fusion-button.button-16:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-16{background: #97c04c;}.fusion-button.button-16:hover,.button-16:focus,.fusion-button.button-16:active{background: #8eb645;}.fusion-button.button-16{width:auto;}BUY AVADA NOW!

Amazing Elements

Avada offers incredible elements that allow you to create a beautiful site.

Build Something Beautiful

Dozens of well designed shortcodes loaded with options gives you perfect freedom.

.fusion-button.button-17 .fusion-button-text, .fusion-button.button-17 i {color:rgba(255,255,255,.7);}.fusion-button.button-17 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-17 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-17:hover .fusion-button-text, .fusion-button.button-17:hover i,.fusion-button.button-17:focus .fusion-button-text, .fusion-button.button-17:focus i,.fusion-button.button-17:active .fusion-button-text, .fusion-button.button-17:active{color:rgba(255,255,255,.7);}.fusion-button.button-17:hover, .fusion-button.button-17:focus, .fusion-button.button-17:active{border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-17:hover .fusion-button-icon-divider, .fusion-button.button-17:hover .fusion-button-icon-divider, .fusion-button.button-17:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-17{background: #97c04c;}.fusion-button.button-17:hover,.button-17:focus,.fusion-button.button-17:active{background: #8eb645;}.fusion-button.button-17{width:auto;}BUY AVADA NOW!

Column Sizes

Flip boxes have their own column option to set which allows the content box to fill the column width from 1-6 columns. They can also be used inside of our regular column shortcode to control their placement on the page.

Column Sizes

Avada’s column options are integrated into the flip boxes, making it easy to set 1-6 columns. Content boxes will always resize accordingly. It’s a beautiful thing.

Perfect For All Sizes

No matter the size of your screen or device, your site will look fantastic.

Color Control

Flip boxes allow you to control the color of the backgrounds, title text, body text, icons, icon circles and borders. Set colors individually in the shortcode, or globally in our theme options panel. Take control of your colors with ease.

Control

Control all the colors of each element you see.

Control Your Colors

From backgrounds to text colors to borders. Take control.

Your

Control all the colors of each element you see.

Control Your Colors

From backgrounds to text colors to borders. Take control.

Colors

Control all the colors of each element you see.

Control Your Colors

From backgrounds to text colors to borders. Take control.

Icon Haven

Font Awesome Icons are tightly integrate into the flip boxes along with multiple options; icon color, circle color and border, circle show or hide, icon flip, rotate, spin and animate.

Awesome

Font Awesome Icon integration is perfect.

Control Your Icons

Change just about every aspect of the icon and circle that contains it. Take Control.

Icons

Font Awesome Icon integration is perfect.

Control Your Colors

Change just about every aspect of the icon and circle that contains it. Take Control.

Need Images? Check!

Instead of using an icon, you can choose to use an image that will show up in the same area as the icon. The settings allow you to specify the exact image size so it displays perfectly in the box. Using an image instead of an icon opens up a whole new look for the flip boxes and gives additional creative uses.

Images Love Flip Boxes

Images can be used in place of icons.

A Whole New Look

Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.

Images Love Flip Boxes

Images can be used in place of icons.

A Whole New Look

Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.

Border Control

Flip boxes allow you to use borders and set the border width, color and radius. You can even set the border properties individually per box to make one box stand out from the others with featured content. Take control of your borders.

Control

Control the border size, color and radius.

Control Your Borders

From backgrounds to text colors to borders. Take control.

Your

Control the border size, color and radius.

Control Your Borders

From backgrounds to text colors to borders. Take control.

Borders

Control the border size, color and radius.

Control Your Borders

From backgrounds to text colors to borders. Take control.

Complete Set of Options

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

  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.
  • title_front -The custom title text for the front side of the flip box.
  • title_back – The custom title text for the back side of the flip box.
  • text_front – The custom body text for the front side of the flip box.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • border_radius – Accepts a pixel value that sets the border’s radius. For example, 4px. Leave blank for Theme Option selection.
  • border_size – Accepts a pixel value that sets the border’s size. For example, 4px. Leave blank for Theme Option selection.
  • background_color_front – Accepts a hexcode ( #000000 ). Sets the front side’s background color. Leave blank for Theme Option selection.
  • title_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s title color. Leave blank for Theme Option selection.
  • text_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s body text color. Leave blank for Theme Option selection.
  • background_color_back – Accepts a hexcode ( #000000 ). Sets the back side’s background color. Leave blank for Theme Option selection.
  • title_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s title color. Leave blank for Theme Option selection.
  • text_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s body text color. Leave blank for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.

  • circle – Can be one of these values: yes, or no. Sets if the icon is circular or not.
  • circle_color – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • circle_border_color – Accepts a hexcode ( #000000 ). Sets the icon’s border color. Leave blank for Theme Option selection.
  • icon_flip – Can be one of these values: none, horizontal, or vertical. Sets the direction where the icon will flip.
  • icon_rotate – Can be one of these values: none, 90, 180, or 270. Sets the angle of the icon’s rotation.
  • icon_spin – Can be one of these values: yes, or no. This will enable or disable the icon’s spinning feature.
  • image – The URL path of your custom icon image, starting with http:// and usually ending on .jpg, .png or .gif. Make sure there is no “icon=” value.
  • image_width – This parameter is for custom icon images. Accepts a numerical value to set a custom width in pixels. For example, 35.
  • image_height – This parameter is for custom icon images. Accepts a numerical value to set a custom height in pixels. For example, 35.
  • animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the icon inside the box only.
  • animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation of the icon inside the box only.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest. This is only for the icon inside the box.
  • 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!

.fusion-button.button-18 .fusion-button-text, .fusion-button.button-18 i {color:rgba(255,255,255,.8);}.fusion-button.button-18 {border-width:2px;border-color:rgba(255,255,255,.8);}.fusion-button.button-18 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-18:hover .fusion-button-text, .fusion-button.button-18:hover i,.fusion-button.button-18:focus .fusion-button-text, .fusion-button.button-18:focus i,.fusion-button.button-18:active .fusion-button-text, .fusion-button.button-18:active{color:#ffffff;}.fusion-button.button-18:hover, .fusion-button.button-18:focus, .fusion-button.button-18:active{border-width:2px;border-color:#ffffff;}.fusion-button.button-18:hover .fusion-button-icon-divider, .fusion-button.button-18:hover .fusion-button-icon-divider, .fusion-button.button-18:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-18{background: rgba(255,255,255,.1);}.fusion-button.button-18:hover,.button-18:focus,.fusion-button.button-18:active{background: rgba(255, 255, 255, 0.25);}.fusion-button.button-18{width:auto;} BUY AVADA NOW!

The Hennepin County Jail roster shows all three suspects were released from custody Monday. The two climbers fake oakleys a man and a woman plan to make a Cheap NFL Jerseys brief statement and answer questions outside of the downtown Minneapolis stadium on Tuesday, a spokeswoman for the protest group said in a news release.The Eagles also had the element of surprise on their side, given the lack of NFL tape on Wentz. Having said that, Wentz’s numbers 22 of 37 passing for 278 yards and two touchdowns and the cool manner in which compiled them was impressive. Remember, he’s a rookie from the Division I FCS level, missed most of the preseason with a rib injury and hadn’t practiced much with the first cheap jerseys string before Sam Bradford was traded. 2. Text Deletion and Cell Phone Destruction New England signal caller and four time Super Bowl winner Tom Brady is taking heat for getting rid of his cell phone that may or may not have contained alleged text messages relating to “DeflateGate”. Perhaps he should have checked with Hillary Clinton for guidance on how to get rid of electronic messages.Having begun the series with 31 and 82 at Rajkot, he was run out for 13 in the first innings at Visakhapatnam by a poor piece of calling from Joe Root, then undone by a grubber in the second from Ravichandran Ashwin after defending for more than three hours to NFL Jerseys China make 25.The baseball rule makers assisted the new home run style of baseball by changing two rules. The first was the outlawing of trick pitches such as the shine ball, the emery ball, and especially the spitball. That this had an enormous (and underrated) effect on major league pitching can be seen from the subsequent careers of 17 spitball pitchers, who were allowed, under a “grandfather clause,” to continue to throw the pitch legally. While ERAs in both leagues shot up in 1920, the composite ERA of the 17 spitballers remained virtually unchanged.Thanks, Christoph. 2016 is a year of significant clinical cheap ray bans activity for the Flex R team since we achieved our key goals in 2015. We have demonstrated statistically significant efficacy results in individuals with nocturnal leg cramps which exceeded our own internal expectations and we have identified our lead drug candidate, a single molecule chemically synthesized potent TRPA1, V1 ion channel activator. These achievements have positioned us to initiate three human efficacy studies in NLC, MS, cheap football jerseys and ALS this year with single agent molecules.She married fellow Presenter Sam Matterface in 2011 and shortly after this her new husband let all his Twitter fans know that he fully appreciates just how lucky he is to have been paired with such a woman for the rest of his life when he sent a Tweet (which was only meant for her) to all of his followers instead. I won’t repeat what he said, as it was part crude/part crushingly cringeworthy but cheap nfl jerseys the keywords in the Tweet for anyone interested were ‘boobies’, ‘gorgeous face’ and ‘so hot’.