background preloader

The Elegant Icon Font – 360 Of The Best Free Icons For The Modern Web

The Elegant Icon Font – 360 Of The Best Free Icons For The Modern Web
We have set out to create the most beautiful, elegant and complete icon font on the web…for free! We have been struggling to find the best icon font to use in our own projects, so we decided to create our own instead. This font will be used in our themes, and we will continue to update the collection to satisfy the needs our designs. Unlike traditional graphics, these icons are housed within a font file, which means they are vector based and can expand and contract without quality degradation. The result is crisp, beautiful graphics on any display (including Retina displays). Furthermore, these icons have been optimized with pixel-perfect detail for 16px, and all multiples of 16px (32px, 64px, etc). Download The Icons Why Icon Fonts Are Awesome Icon fonts are great because they are flexible and fast loading. Complete Set and Unicode Reference Guide Complete List Of Class Names By Nick Roach I am the founder and CEO here at Elegant Themes.

Related:  Divi TemplateWebmaster

10 Email Marketing Metrics You Should Track (And the Tools to Help You) Email marketing is a difficult field for newcomers to break into. There are dozens of terms to learn, and a myriad of tools you need to get acquainted with to become competitive. Any way around, it’s a lot of work. The good news is that, as with other fields, you don’t need to become an expert before dipping your toes into the water. Divi Plugin Highlight – Section Style Manager Pro There are a lot of great Divi designs across the web. One thing that makes many of the best Divi themes stand out is section divisions. Section divisions are a great way to add some visual flare to your website.

Styling Caldera Forms to Look Like the Divi Contact Form (+ Bonus Looks) Caldera Forms is one of the most popular and highly-rated (FREE) form plugins in the WordPress repository. It’s drag and drop user interface makes it incredibly easy to build all kinds of forms. If you’re used to using the Divi builder then the Caldera builder should come pretty naturally to you. How to Make a Caldera Form Look Like Divi The Divi style has become one of the most recognizable styles amongst the most popular WordPress themes today. Divi Plugin Highlight – Map Extended Module The Divi Builder has a Map module, allowing you to display Google Maps within your Divi designs. It works great and is a good choice if you want a standard Google Map, however it doesn’t have any adjustments for styling. If you want to style your Google Maps you’ll need something like Divi Map Extended. Divi Map Extended adds a new module to the Divi Builder that works with any Divi Builder-based website. It adds lots of map styles, lets you select map types, upload your own pin icons, set the map height, and create your own information box content.

10 Examples of Fitness Websites Built with Divi Fitness is one of the most popular industries on the Web. Every fitness company, from large gyms to personal trainers, needs a well-designed website. This means there are lots of fitness websites out there to help give you inspiration. Some of those fitness websites are built with Divi. 17 Examples of Educational Sites Using the Divi Theme Like most businesses education providers need websites that are well-designed and provide potential students everything they need to know about a school or course. This means there are lots of education websites on the Internet to help give you inspiration for your own designs, and like most fields, some of those websites are built with Divi. Here’s the list of 17 examples of educational websites made with Divi. Some are brochures giving information about a school while others provide classes online. They range from large schools and many instructors to single courses with one instructor. They are a great way to get inspiration for layout design, navigation, color, imagery, fonts, and more.

How to Create Responsive Tables in WordPress Tables are a great way to organize data to make it readable. They’re good for displaying addresses, product features, inventory, schedules, statistics, and more. Due to the nature of tables needing space to display data correctly they are difficult to make responsive. Do tables need to be responsive? 3 Beautiful CSS Hover Effects You Can Add to Your Divi Menus Your menu is one of the first things visitors see when they go to your website, so you want it to have some style right? Of course you do! That’s why in today’s post I’m going to share three ways to add some nice hover effects to your menu with custom CSS. Hover effects should be subtle, we want visual interest but that’s not the most important part of the site, your content is. Customizing Divi’s Secondary Menu Bar with A Call to Action The most important information on your site should exist above the fold (roughly the top 600px of your screen). Divi takes advantage of this concept with their secondary menu bar. The menu bar sits at the very top of your site to showcase important elements like share buttons, a secondary menu, a phone number, and an email address. Users should always be able to find this important information no matter what page they land on and without having to scroll to find it. If you are looking for your site to generate more signups, offer a discount, or have a page that you’re looking to direct traffic to, this post is for you. We’ll work on creating a call to action (CTA) that is embedded in Divi’s secondary menu bar.

Better Mobile Website Design: How to Use vw, vh and, rem to Create Fluid Divi Pages Responsiveness in web design isn’t optional anymore. Hardly anyone would argue with that premise – unless they’ve been living in a cave for the past decade. The real debate lies in how to best go about making your designs responsive. Should you start your designs from a mobile standpoint and build your way up to regular viewports? Should you simply stick to adjusting your finished designs to mobile? It’s a complicated choice.

How to Create a Slide-in Top Bar Ad with the Divi Code Module As I mentioned a few days ago with my post on how to add a floating action button to your site using the Divi Code Module, I’ve been creating more pens on for use with Divi–both with Code Module for single posts or pages as well as Divi’s theme options for site-wide implementation. Today I am happy to share another one, based on a design element of Elegant Themes’ own website: the slide-in top bar ad. Now of course there are lots of plugins out there that can do this same thing but I like to avoid plugin bloat if possible if something can be done with a simple snippet instead.

How to Create and Use the “Ken Burns Effect” within Divi The “Ken Burns Effect” was named after American Documentarian Ken Burns for the way he made still images seem to come alive in his movies through a combination of panning and zooming techniques. The effect’s popularity has grown to extend well beyond film and television to just about anywhere that still images meet motion, including the web. The “Ken Burns Effect” is a great tool for web developers who want to engage their site visitors with visual storytelling. That’s why in today’s post I’m going to show you a way to add this effect to Divi’s fullwidth header module and fullwidth slider module slides. However, its application extends to the other Divi sections and modules as well.

TheProfessional Theme Using our buttons shortcodes, you can easily create a variety of buttons. These buttons all stem from a single tag, but vary in color and size (each of which are adjustable using color="" and type="" parameters). Furthermore, advanced option buttons have been integrated into the post page text editor, allowing you to instantly generate buttons of any type without having to write the shortcode markup yourself. Content boxes are a great way to grab your visitor’s eye and direct them to important content within the post. 5 Fantastic Ways You Can Style Divi’s Testimonial Module Welcome to Day 68 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series! Website testimonials are more important than ever. Reviews on Google, Yelp, Facebook, etc are important for businesses because potential clients will often focus on those when making their purchasing decision. This is why it’s so important to keep testimonials about your products and services up-to-date on your Divi website.