ETModules Icon Cheatsheet

by | Aug 23, 2021 | Business | 0 comments

Here’s a short cheatsheet of Elegant Theme’s Divi icons:

 
/************************************ MENU ICONS **********************************/
 /*** QUOTE MARKS ***/ .et-icon-1 a:before { content: "\7c"; }
 /*** CLOCK FACE ***/ .et-icon-2 a:before { content: "\7d"; }
 /*** CLOSED PADLOCK ***/ .et-icon-3 a:before { content: "\7e"; }
 /*** KEY ***/ .et-icon-4 a:before { content: "\e001"; }
 /*** CLOUD ***/ .et-icon-5 a:before { content: "\e002"; }
 /*** LANDSCAPE IMAGE ICON ***/ .et-icon-6 a:before { content: "\e005"; }
 /*** LIGHTBULB ***/ .et-icon-7 a:before { content: "\e007"; }
 /*** CAMERA ***/ .et-icon-8 a:before { content: "\e00f"; }
 /*** ENVELOPE ***/ .et-icon-9 a:before { content: "\e010"; }
 /*** CREDIT CARD ***/ .et-icon-10 a:before { content: "\e014"; }
 /*** SHOPPING CART ***/ .et-icon-11 a:before { content: "\e015"; }
 /*** LOCATION PIN ***/ .et-icon-12 a:before { content: "\e01d"; }
 /*** CALENDAR ***/ .et-icon-13 a:before { content: "\e023"; }
 /*** CONTACTS BOOK ***/ .et-icon-14 a:before { content: "\e026"; }
 /*** HEART ***/ .et-icon-15 a:before { content: "\e030"; }
 /*** COFFEE CUP ***/ .et-icon-16 a:before { content: "\e105"; }
 /*** WALLET ***/ .et-icon-17 a:before { content: "\e100"; }
 /*** BRIEFCASE ***/ .et-icon-18 a:before { content: "\e0fe"; }
 /*** STAR ***/ .et-icon-19 a:before { content: "\e031"; }
 /*** HOME ***/ .et-icon-20 a:before { content: "\e009"; }
 /*** LINK CHAIN ***/ .et-icon-21 a:before { content: "\e02c"; }
 /*** LIKE THUMBS UP ***/ .et-icon-22 a:before { content: "\e106"; }
 /*** HOURGLASS ***/ .et-icon-23 a:before { content: "\e0e1"; }
 /*** PIE CHART ***/ .et-icon-24 a:before { content: "\e029"; }
 
}
/************************************* END *****************************************/

Here’s what they look like:


Here’s a problem I had: I was encountering CORS errors when trying to load a font from a WordPress site. What are the best ways to resolve this cross-origin font loading issue?

These errors are related to Cross-Origin Resource Sharing (CORS) and typically occur when a web page tries to load a resource (in this case, a font file) from a different domain. Here are some approaches to address these issues:

  1. Server-Side Solutions (Recommended):
    • The website owner should configure their server to send appropriate CORS headers
    • For a WordPress site using the Divi theme, this typically involves adding headers in the .htaccess file or through server configuration
  2. Browser Extension Workarounds:
    • Temporarily disable CORS restrictions using browser extensions like “CORS Unblock” or “Allow CORS” for testing
    • Note: This is only for development and should not be used in production
  3. Proxy Solution:
    • Set up a proxy server that adds the necessary CORS headers
    • Use a service like CORS Anywhere or create your own proxy
  4. Local Workaround:
    • Download the font file and host it locally on your own server
    • Update the font source in your CSS to point to the local file
  5. Web Font Alternative:
    • Use a web font service like Google Fonts that handles cross-origin issues
    • Replace the problematic font with a similar web font

The best long-term solution is for the website owner to properly configure CORS headers on their server. If you’re the website owner, you would typically add something like this to your .htaccess file:


<IfModule mod_headers.c>
<FilesMatch "\.(woff|woff2)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

Performance Improvements That Can Speed Up Your Website

Let’s explore how to achieve some WordPress performance improvements to ensure your website is as swift while keeping any of the pizazz delivered by Javascript and CSS, keeping your audience captivated and Google happy. Let’s supercharge your WordPress website!

7 WordPress Maintenance Services in 2023

If you are tired of spending hours on mundane upkeep tasks or need expert help improving your WordPress website, a maintenance service can help you take the hassle out of running your site.

Kite Dish.com Acquired by Web321

We are proud to pick up the mantle of Kite Dish. Back in the day, they provided WordPress Maintenance. As they said it, back then: Our service provides you a peace of mind with a secure, regularly backed up, bug-free and proactively updated site so you can concentrate...

Threads: ActivityPub and WordPress

Meta has released a new microblogging app: Threads. It leverages the user base of Instagram and the users’ followers to pre-build an audience for new members. This may be an excellent antidote to the death spiral of Twitter. How does it work with WordPress?

Why Custom WordPress Themes Are A Mistake

The same people who would never buy a custom coffee maker, a custom car or a custom word processor think nothing of going for a custom theme.  Why would you want a custom theme system?

Eleven Ways Digital Marketing Can Help Your Business Thrive

The 21st century has ushered in an era of innovation that has significantly impacted businesses across the spectrum. Digital marketing, in particular, has emerged as a game changer for many successful enterprises. Here are 11 tactics for Digital Marketing.

Why We Like Combining Divi and ACF

I want to show you how we can use ACF and Toolset to insert dynamic content into our text editor. With ACF, we can easily find available fields and insert them into our content. We can also enable raw HTML to display content verbatim. Toolset works similarly, but it...

What Should You Consider Before A Website Re-Design

Let's dive into the essential considerations for undertaking a website redesign. There are both minor and major technical issues, ensuring mobile readiness, optimizing for search engines, and possibly migrating to a more reliable platform, such as WordPress....

Clearing Your Cache In WordPress

Caching is a storage of the presentation of data. Caching is vital to contain how much processing power is needed to run your site. It can also be a pain when a cache holds onto old information. When a user is looking at a database driven web page, there’s a high...

Building A Website For An Electrical Contractor

For an electrical contracting company, we help by creating a new website to replace an existing legacy infrastructure that is bound to hosing and support. WordPress frees up a website and to be hosted on the best platform available. Our designs are clean, responsive,...

How Would We Tackle a Pilates Website Rebuild

We're been asked several times about how we would re-design a pilates or fitness website. Here's a quick rundown of what we recommend. We propose the following features & functions: Move site hosting to WPPro.ca (managed, optimized WordPress hosting). Update the...

Web321 Won the 2023 ICCC-KFC Recipe For Success

We’re excited to share that we won the $30,000 CAD grant through the ICCC-KFC Recipe for Success Program! Thank you to Inner City Capital Connections and KFCCanada for the opportunity to participate in the ICCC program and receive this grant. We look forward to using it to help our business continue to grow!