WEB ELEMENT

FLIP BOX

Web Element Flip Box is 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. Web Element Flip Box has 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.

Fully Responsive

Responsive framework ensures your content look great on all screen sizes.

PERFECT FOR ALL SIZES

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

Premium Sliders

We include four Premium Sliders that make your content stand out!

MAKE YOUR CONTENT STAND OUT

We include the Layer Slider, Revolution Slider, Fusion Slider and Elastic Slider.
CONTACT US

Amazing Elements

We offer incredible elements that will allow you to create a beautiful site.

BUILD SOMETHING BEAUTIFUL

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

Column Sizes

Web Element Flip Box has it´s own column option to set which allows the content box to fill the column width from 1-4 columns. They can also be used inside of our regular column short code to control their placement on the page.

Column Sizes

Column Options are integrated into the flip boxes, making it easy to set 1 - 4 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

Web Element Flip Box allows you to control the color of the backgrounds, title text, body text, icons, icon circles and borders. Set colors individually in the short code, 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 Heaven

Font Awesome Icons are tightly integrate into the Web Element Flip Box 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

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 Web Element Flip Box 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

Web Element Flip Box allows 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 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.

Total Control Over Meta Data Display of Web Element Flip Box

With each blog shortcode comes a full set of options for meta data. These options allow you to enable or disable each different section of meta data, or the entire set together.

  • Number of Columns = Set the number of columns per row.
  • CSS Class = Add a class to the wrapping HTML element.
  • CSS ID  = Add an ID to the wrapping HTML element.
  • Flip Box Frontside Heading = Add a heading for the frontside of the flip box.
  • Flip Box Backside Heading = Add a heading for the backside of the flip box..
  • Flip Box Frontside Content = Add content for the frontside of the flip box.
  • Flip Box Backside Content = Add content for the backside of the flip box.
  • Background Color Frontside = Controls the background color of the frontside. Leave blank for theme option selection. NOTE: flip boxes must have background colors to work correctly in all browsers.
  • Heading Color Frontside = Controls the heading color of the frontside. Leave blank for theme option selection.
  • Text Color Frontside = Controls the text color of the frontside. Leave blank for theme option selection.
  • Background Color Backside = Controls the background color of the backside. Leave blank for theme option selection. NOTE: flip boxes must have background colors to work correctly in all browsers.
  • Heading Color Backside = Controls the heading color of the backside. Leave blank for theme option selection.
  • Text Color Backside = Controls the text color of the backside. Leave blank for theme option selection.
  • Border Size = In pixels (px), ex: 1px. Leave blank for theme option selection.
  • Border Color = Controls the border color. Leave blank for theme option selection.
  • Border Radius = Controls the flip box border radius. In pixels (px), ex: 1px, or “round”. Leave blank for theme option selection.
  • Icon = Click an icon to select, click again to deselect.
  • Icon Color = Controls the color of the icon. Leave blank for theme option selection.
  • Icon Circle = Choose to use a circled background on the icon.
  • Icon Circle Background Color = Controls the color of the circle. Leave blank for theme option selection.
  • Icon Circle Border Color = Controls the color of the circle border. Leave blank for theme option selection.
  • Rotate Icon = Choose to rotate the icon.
  • Spinning Icon = Choose to let the icon spin.
  • Icon Image = To upload your own icon image, deselect the icon above and then upload your icon image.
  • Icon Image Width = If using an icon image, specify the image width in pixels but do not add px, ex: 35.
  • Icon Image Height = If using an icon image, specify the image height in pixels but do not add px, ex: 35.
  • Animation Type = Select the type of animation to use on the shortcode.
  • Direction of Animation = Select the incoming direction for the animation.
  • Speed of Animation = Type in speed of animation in seconds (0.1 – 1).
  • Offset of Animation = Choose when the animation should start.