Elegant Elements for Fusion Builder and Avada

Description

Elegant Elements for Fusion Builder plugin is an add-on for Fusion Builder page builder for Avada A must-have add-on for Avada and Fusion Builder Design your stunning website even more faster with our ever-growing library of 50 elements and 100 custom-designed and unique templates Our main goal with Elegant Elements was to provide you the new elements that will help you boost your website design process and will add beauty to your site with Fusion Builder for WordPress To achieve this we have crafted these elements with the passion and love for our users Available Elements – Elegant Elements for Fusion Builder currently serves 50 custom and beautifully crafted elements That s not it we have more exciting elements and templates in the pipeline that we will keep releasing with each update NEW LOTTIE CONTENT BOX Add interactive Lottie animated icons to the content box and make it stand out and attract your user s attention Let your content box icons tell the story with the interactiveness of LottieFiles NEW ELEGANT HERO SECTION Elegant Hero Section is quick and easy alternative to Fusion Slider if you re using single slide to design the hero section in header You can even combine multiple Hero Section elements in Anything Carousel to form a slider NEW IMAGE OVERLAY BUTTON Image Overlay Button element allows you to add beautiful overlay effect with a button on top of the image This works as a great CTA and grab your user attention ti the image quickly NEW ANIMATED BLOB SHAPES Animated blob shape images adds a new level of interactivity to your website You can control the initial blob shape the secondary blob shape and colors and add any content within the Blob shape using Avada Element Generator NEW Lottie Animation as Column Background Adding video backgrounds increases your loading time and can take time for videos to appear and play in the background We are introducing an awesome feature to allow you to use the Lottie animation as your column background Take a look at the demo page to see how it feels STAR RATINGS Star Ratings element help you to increase your organic Google search ratings increase CTR and reduce bounce rate Customize everything from star icons to their sizes colors and spacing TEXT PATH Elegant Elements for Avada provides Text Path element to attach your text to 8 predefined shapes with full design flexibility You can customize everything including the font-family font-size and colors for the text path content PARTICLES BANNER Particles banner element allows you to add awesome looking particles to your website You can add background image or color to give the particles even more awesome effect With option to customize everything including the particle shape color stroke and animation it is now a lot easier to add different particles to your website SLICEBOX 3D IMAGE SLIDER BETA Convert your regular image carousel sliders to a three-dimensional image slicing slider The eye caching interactive slice animation will add another layer of awesomeness to your website This element is still in beta as we re trying to gather user feedback for the use-cases of the element so we can enhance it IMAGE SWAP ELEMENT As the name suggests the image swap element will help you display another image when you hover your mouse on an image This is best to show images with differences or features etc HORIZONTAL SCROLLING IMAGE SLIDER Unlike the regular image carousel slider the horizontal scrolling image slider displays the slider as the first and last images looks cut-off and display partially It also provides you an option to display the images in a zigzag layout to make the carousel more attractive ELEGANT IMAGE The elegant image element adds the image itself as the shadow while you can add multiple triggers like lightbox modal and custom link to the image when you click on it Elegant image also allows you to add custom border radius to the image or use the blob shape OFF-CANVAS CONTENT Add beautiful flyout panels to your website to display any content like menus reference links contact forms additional information using responsive Off-Canvas content element LOTTIE ANIMATED IMAGE Lottie interactive animations will instantly transform your website design to a new level There are thousands of free animations you can use on your website INSTAGRAM PROFILE CARD Instagram Profile Card element will help you to showcase your Instagram profile with awesome layout with recent images slider your profile photo username number of followers and the follow button that will take the users to your Instagram profile INSTAGRAM TEASER BOX The element will generate a nice-looking teaser box with 4 latest images on your Instagram account shows the number of followers and a follow button that will link to your profile BLOB SHAPE IMAGES Transform the way you add images to your Avada site Easily create random unique and awesome looking blob shapes You can style the blob shapes with gradient color overlays add images and the content over them to make them look more beautiful DISTORTION HOVER IMAGE Add special distortion effect on images being transitioning on hover The placement image pattern makes it look awesome when while the transition is taking place ANIMATED SECTION DIVIDERS Add animated section dividers to your site and make each section feel live Animated Dividers element provides 15 different dividers with full customization possibilities RIBBONS An awesome Ribbons element that will allow you to add beauty to your website You can use the ribbons to display headings and offers WHATSAPP CLICK TO CHAT BUTTON Add a WhatsApp button on your site to allow your users to contact you on your WhatsApp with a pre-defined custom message You can control everything including the number message and the styling BIG CAPS Big Caps element by Elegant Elements allows you to add content with the first letter being large This element is different from the Dropcap and provides you options to customize the font-size and colors DOCUMENT VIEWER You can now display PDF MS Word PowerPoint and Excel Spreadsheet documents on your website instead of just linking them to download the document file This will help you to keep your visitors on your website for a longer time BUSINESS HOURS Create a stylish business hours section that suits your website with the Business Hours module of the Elegant Elements for Fusion Builder You can control all parts and style everything to fit your site design scheme CUBE BOX Add a beautiful content boxes to your website that turns like a cube and displays the content on the other side on the mouse hover Cube box adds great value to your website when you want to display different content on hover ADVANCED VIDEO Embed a video on your website with an optimized Video module that allows you to customize thumbnail play button and more without affecting your page load time Load videos only when user clicks on the play button RETINA IMAGE High-end devices need high definition retina images that are clear and add to the beauty of your website The Retina Image element lets you add the retina version of an image alongside the default form VIDEO LIST You can display your videos from Youtube Vimeo Wistia and even your self hosted videos in a list format with unique design style You can control each and every part of the element including the border and it s colors as well FAQ RICH SNIPPETS Now boost your search engine visibility by displaying the FAQ rich snippets in your website s search results This element will help you add FAQs to your website and generates the required schema markup using JSON format that Google will use to display in search results for the page you ve added this element The element comes with two layouts descriptive boxed and the accordion toggle CONTENT TOGGLE Show different prices or features with the content toggle element You need to save the content elements in the library in order to use this element You can display your monthly annual prices or different between features etc using the content toggle element IMAGE SEPARATOR With the Image Separator element you can now turn your simple containers into beautiful and awesome sections with image divider You can set the dividers for containers and columns separately DUAL STYLE HEADING Highlight your focus words in your heading to draw your user s attention with the dual style heading element Unlimited possibilities come with the number of options available to customize each heading part in the element separately Add different text colors backgrounds and even typography to make your headings stand out and attractive INSTAGRAM GALLERY Showcase your instagram images on your website using Instagram Element You can show the comments and likes each photo received as well SKEW HEADINGS Skew Headings Element will allow you to display your headings in a unique and elegant way with skew backgrounds with gradient colors IMAGE HOTSPOTS Highlight essential points on your images using the Image Hotspot element Freely choose the pointer location and add a tooltip to describe what that part is IMAGE MASK HEADING Ever wanted to display your background textures behind your heading text Now you can show your creativity with the Image Mask Heading element ICON BLOCK Icon Block element will allow you to add a beautiful icon and text block with gradient background colors The ability to set the icon itself as a background will add another layer of awesomeness to your website design LIST BOX Show the normal bulleted lists with a unique design with title and icons in a boxed layout PROFILE PANEL Showcase your team or clients with a nice unique way with Profile Panel element EXPANDING SECTION The all-new expanding section element allows you to display your content in toggle like element with heading and sub-heading with gradient background colors which adds the awesome look to your site IMAGE COMPARE Display your before and after images on top of each other with a nice drag effect and custom captions GRADIENT HEADING Now you ll have the ability to add gradient color to your heading text with Gradient Heading Element Highlight the heading with some awesome gradient color to capture your visitor s attention IMAGE FILTERS Display your gallery images portfolio images your product categories your clients for your services or anything that you want to show with sortable filters You can add an image its title and custom colors to the title to show each image title as unique ELEGANT CARDS Create beautiful cards with image title description and a button to link any url Describe anything you want showcase your customers highlight your services and much more ANYTHING CAROUSEL The perfect element to carousel any content you want Add only images to show a nice image slider enter your videos and allow them to slide More content in a small space DUAL BUTTON Add beauty to your site by adding dual buttons Allow users to choose their action from either This or That Display two buttons side by side separated with a text or an icon EMPTY SPACE Stuck with the spacing in between two elements Here s the solution Empty Space element to add vertical or horizontal space between them to make them look how you want FANCY BANNER Wanna display nice banners on your site with background image title description and a button to link Use our Fancy Banner element and show your imaginary in a beautiful way FANCY BUTTON Add buttons with nice hover effects on your site You can open modal dialogs custom links images and videos in a lightbox on the button click Extends the usability of the buttons MODAL DIALOG Display your information in modal dialogs in a better way Add triggers from within the modal element to open modal on a button custom text image or even on FontAwesome icon NOTIFICATION BOX Want to display notice or tip or alert on your site Do it the better way with beautiful styles Choose from predefined color schemes or use your own custom colors PARTNER LOGO Showcase your partners or clients or even your work by displaying their logos in a grid You can link each logo to the respective url or even display their information within the modal popup PROMO BOX Promote anything on your site with beautiful promo boxes Add image title description and a button with a link Make it even more beautiful with background image and color ROTATING TEXT Display your highlighted words in a paragraph or a line and let them rotate one after another with a nice rotating effect Beautify them with nice Google Fonts and colors SPECIAL HEADING Give your normal section heading or the titles an amazing look and feel they deserve and make the words speak when you look at them with a Special Heading element TESTIMONIALS Got some testimonials for your product or services Display them in the most unique way around Add any number of testimonials with their title sub-title image and testimony TYPEWRITING TEXT Display your highlighted words in a paragraph or a line with a nice typewriting effect Make it look more beautiful with nice Google Fonts and colors and also the font-size etc CONTACT FORM 7 Contact Form 7 element provides options to extend the look and feel of the contact form 7 form on your site Add form heading and caption with nice background and borders Bonus Features NEW BACKGROUND IMAGE SLIDER FOR COLUMN AND CONTAINERS Elegant Elements provides you with an option to add background image slider to your container and columns and make them look even more awesome and elegant GRADIENT BACKGROUNDS FOR CONTAINERS The new gradient backgrounds for containers feature will cut your time creating gradient colored images to set as container backgrounds Set them to vertical horizontal or from corners and be done GRADIENT BACKGROUNDS FOR COLUMNS The Gradient Backgrounds feature is now added to the columns as well Now set the beautiful gradient colored backgrounds to your Fusion Builder Columns as well MATERIAL COLOR STYLES FOR FUSION BUTTON ELEMENT The Fusion Builder Core Button element comes with some awesome pre-built color styles but you need more designs right We have added the material color styles to button element to help you to add the beautiful buttons to your site GOOGLE FONTS TYPOGRAPHY We have added Google Fonts in typography settings for all of our elements Now enjoy lots of benefits for using Google fonts without any hassle Just select the font you want see the preview save the element and publish the page There s even more PRE BUILT DEMOS TO GET YOU STARTED We have spent a lot of time building this awesome feature for you and have currently included six pre-designed full page demos to get you started You just need to click import on a demo that you like to import and sit back and relax CHANGELOG – Version 3 6 7 25 March 2023 – Improvement Avada 7 9 2 compatibility – Fix FAQ rich snippet element PHP warning if no title is set – Fix Container gradient background not respecting the gradient type property correctly – Fix Instagram element causing the Live Editor stop working properly – Fix Container background slider images shows duplicate images in backend editor setting Version 3 6 6 17 December 2022 – Improvement Avada 7 9 compatibility – Improvement Compatibility with PHP8 2 – Improvement Compatibility with WordPress 6 1 1 – Improvement Off-canvas element styling for backgrounds – Fix Background slider not displaying on frontend without saving settings – Fix PHP Warning on gradient heading element if the color is missing – Fix Animated Dividers element styling in editor – Fix List box element styling in live editor – Fix Ribbon element styling – Fix Testimonials element hover transition – Fix Element level typography giving PHP Warning Version 3 6 5 4 Nov 2022 – Fix Instagram API issue – Fix PHP warning on PHP8 1 for Fonts display Version 3 6 4 14 July 2022 – Improvement Avada 7 8 compatibility – Improvement WordPress 6 0 1 compatibility – Fix Container and column background settings errors on Avada 7 8 Version 3 6 3 19 April 2022 – Improvement Avada 7 7 compatibility – Improvement WordPress 5 9 3 compatibility – Fix JS error on Avada live editor for the image meta – Fix Typography param conflicts with PHP 8 1 Version 3 6 2 28 January 2022 – Improvement Avada 7 6 x compatibility – Improvement WordPress 5 9 compatibility – Fix Image Filters missing closing anchor if mixed over options used across multiple filters – Fix Carousel items on mobile devices conflicting with responsive breakpoints – Fix Elements Creator mapping for margin and padding params Version 3 6 1 3 November 2021 New Trigger slides of anything carousel from button image or any element Fix Undefined array key Class and id PHP warnings when any element is updated Version 3 6 0 19 October 2021 – New Elegant Hero Section element to add beautiful hero sections to your website – New Elegant Image Overlay Button element to display button over image with overlay – New Lottie Content Box element to add interactive Lottie files as icons in content box – New Elegant Animated Blob Shape Image element to add interactive blob shapes – New An option to animate single blob shape image element – New An option to set custom text as Image Hotspot pointer – Improvement Updated the Blob generator logic to generate more shapes easily – Improvement Element Creator now supports Avada Element Generator in text editor – Improvement Avada 7 5 compatibility – Fix Shortcodes in Element Creator will now render correctly – Fix Advanced video height calculations causing the black border around video – Fix Carousel variable width without infinite option causing issues with the slides – Fix Elegant Creator mapping default value for range input type was causing conflict with saving – Fix Link not working in elegant image filter overlay mode – Fix Fancy button effect not working if column has background Version 3 5 3 2 August 19 2021 – Fix Product registration and auto-update issue Version 3 5 3 1 August 14 2021 – Fix Anything Carousel element combining all carousel items on a page Version 3 5 3 August 13 2021 – New Option to set initial carousel height and avoid page jumps due to large content – New Option to display anything carousel items in random order – Improvement WordPress 5 8 compatibility – Fix Issues with using symbols in image filters navigation – Fix Conflict with background slider and magic quotes – Fix Issue with background image slider if background gradient option is turned off – Fix Modal not opening on Image Filters element on some cases – Fix Styles not loading correctly on 404 and search results page if elements are used in the header footer Version 3 5 2 Jun 15 2021 – New Option to disable Lottie animation globally – Fix Lottie Animation being enabled for newly added columns as default Version 3 5 1 Jun 11 2021 – New Lottie animations as column background feature – Improvement Ribbon element styling – Improvement Avada 7 4 compatibility – Fix Editor field is being added to the elements created with Elements Creator Version 3 5 0 May 08 2021 – New Star Rating element to help increase your organic Google search ratings – New Text Path element to attach your text to 8 predefined shapes with full design flexibility – Improvement Display Instagram videos in Instagram Profile Card element – Improvement JS compatibility with upcoming WP versions – Fix PHP_Generic_BadPattern_7 Jetpack Issue Version 3 4 0 April 27 2021 – New Introducing Patcher tool – you ll get instant fixes delivered for small issues – New An option to set the Instagram teaser box and profile card element profile image – New An option to control the transition duration for background image slider – New An option to change list box element title font size – New Button size and span options for Footer button in modal element – Improvement Element Creator caches get auto reset when new element is created – Fix Instagram gallery display issue due to image lazyload in Avada – Fix Instagram gallery showing wrong error if user s IP is restricted in their system – Fix Instagram elements frontend editor templates to reflect the new changes – Fix Image Filters element causing the images to stack on each other in Firefox – Fix Image width and height issue in Google Lighthouse for Image Swap element Version 3 3 7 March 18 2021 – New Instagram API implementation to avoid issues with loading images – New Advanced Video element can be used to display self hosted videos as well – Improvement Gradient backgrounds can be used along with the background image slider – Improvement Alt tag on images in all elements – Improvement WordPress 5 7 Compatibility Version 3 3 6 1 February 16 2021 – Improvement Hotspot pointer is now clickable if the link is specified – Improvement Added alt attributes to promo box and hotspot elements – Updated jQuery mobile script to the latest version Version 3 3 6 January 17 2021 – New Option to disable hover animation for Elegant Image element – New Hover color options for icon block element title description and icon – Improvement Icon block element can now display without the description text – Improvement Fancy button styling with icon improved to have more clear visibility – Improvement Performance factor – disabling not used elements will completely disable them – Fix Element creator elements not rendering with Avada 7 2 – Fix Distortion image not filling the space correctly – Fix Off-canvas element causing conflict with WPSSO Core plugin – Fix Icomoon conflict with new icon uploads in backend – Fix Envato API being called constantly due to invalid token – Fix Aria control do not have valid values error in page speed tests for anything carousel – Fix Allow border to be set to 0 in Elegant Carousel For more detailed changelog please Click Here Want to automate your WordPress site Use FlowMattic Looking for WPBakery Add-on Introducing Avada Popup Builder Want to automate your WordPress site Use FlowMattic