Icon Element

Add Icons Everywhere

Upload Custom Icons or Use Font Awesome Icons

New for Avada 6.two, you can create and employ Custom Icons throughout your Avada website. Using the Icon Element, or any chemical element that has an Icon Picker, you can style and customize the custom icon sets, or use the Font Awesome icons to your liking and add them anywhere.

icon-uploader-new

Full Color / Background / Border Control

The Avada options requite you lot control over Font Awesome icon colors, background and the icon border. Each icon can be unique in manner for your site.

Size Command

With Avada you can choose whatsoever icon size in pixels, no affair how small or big. Information technology can be 100px or 5px, any pixel value you choose.

Icon Flip / Rotate / Spin

Yous may observe the perfect set of icons for your site, however, y'all might want them to draw your visitors attention. Avada allows you to do only that with a pick of Icon Flip, Rotate and Spin settings.

Flip Icons

Rotate Icons

Spinning Icons

Blitheness Settings

Yous as well accept creative control over CSS3 animations for each icon. Y'all can choose the management, speed and the offset position in relation to the viewport.

Bounce

Fade

Flash

Rubberband

Milkshake

Slide

one,598 Costless Font Awesome Icons

Bundled with Avada comes the Costless version of FontAwesome which includes ane,598 (and constantly growing) free icons for use with your Avada Websites.

The Avada: Website Builder

CREATE THE LAYOUTS Yous WANT

The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada's massive range of Design Elements, the sky is the limit. Custom design a global footer or simply utilise the custom Footer to a single page or post.

avada-theme-builder

Header Builder

Any your pattern requirements are, getting the job washed could not exist any easier. Yous can decide how many columns to utilize when designing and building the header, with a vast array of styling options to perfect the layout. What'due south more, is you tin can now choose to create and brandish as many dissimilar headers as you desire for different pages and posts throughout your website.

Footer Architect

Free from any constraints of Global Options, annihilation y'all can imagine and design, you tin build and implement as your Footer, either globally or in a conditional layout on a Custom Postal service Type, a post category, or any number of other possibilites. With the Avada Footer Builder, nosotros have introduced a tool of unparalled design power and flexibility, and yous are at present limited more past your imagination than annihilation else.

The #i Selling WordPress Theme Of All Time

800,000+

Individuals & Businesses Trust Avada

Documentation & Videos

We have a wide range of support material to arrange your learning style. Our documentation is all-encompassing and growing. In that location are virtually 500 documents, where you can search and read about almost any attribute of Avada. Prefer to watch? Nosotros have a growing library of Hard disk drive video tutorials roofing the basics and much, much more. Similar to appoint? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Video Tutorials

Need Support?

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Avada Global Options, or individually per Element past changing the options for each once added to a folio or post. Individual Element options will e'er override the global options. This flexibility gives you the ultimate freedom to way Elements and content that is unique and will stand out from the balance of the site.

General

  • Select Icon – Choose an icon from the Font Awesome library.
  • Size of Icon – Set the Icon Size.
  • Flip Icon – Flip the Icon. Cull from None, Horizontal, Vertical
  • Rotate Icon – Rotate the Icon. Choose from 90, 180, 270 or None.
  • Spinning Icon – Choose whether to Spin the icon.
  • Alignment – Align the icon. Choose from Text Flow, Center, Left, Right.

  • Element Visibility – Choose to show or hide the element on small, medium or large screens.

  • CSS Class – Add together a class to the wrapping HTML chemical element.

  • CSS ID – Add an ID to the wrapping HTML chemical element.

Blueprint

  • Margin– Gear up the margin for the Icon, Summit, Right Bottom, Left.
  • Icon in Circle – Gear up whether the Icon is in a circumvolve*.
  • Icon in Circle Aye – Provides avant-garde configuration: Icon Circumvolve Groundwork Colour, Icon Circle Border Color.
  • Text Transform– Cull how the text is displayed: Default, Normal, Upper-case letter.
  • Icon Colour – Set the Icon Colour.

Animation

  • Animation Type – Select the type of animation: None, Bounciness, Fade, Wink, Rubberband, Shake, Slide, Zoom.
  • Direction of Animation – Can exist one of these values: Top, RIght, Bottom, Left, Static.
  • Speed of Animation – Accepts a numerical value from .i, which is the slowest, to i, which is the fastest.

  • Offset Animation – Controls when the animation should get-go.