Classes	Description
RSS to Instragram Icon View Examples & Documentation	Enable this hack in your Divi Hacks Settings Page NOTE: This hack no longer necessary. Instagram icon support has been added since Divi 3.20 release. Description: This hack allows you to replace the RSS icon in the footer with the instagram icon. Details: Assuming you aren’t using the RSS icon, add your instagram URL in Divi Theme Options where the RSS URL is.
Instragram Icon Gradient View Examples & Documentation	Enable this hack in your Divi Hacks Settings Page Description: This hack allows you to give the Instagram icon background color in the social media follow module the new gradient. Details: Add the class to the Social Media Follow module.
Font Awesome Icons in Lists (Text Module) Font Awesome Icons in Blurbs (Blurb Module) Font Awesome Icons in Buttons (CTA, Button, Email Optin, Subscribe Form, Contact Form, Post Slider, Slider, Pricing Tables, Login Form, Fullwidth Slider, & Fullwidth Post Slider Module) View Examples & Documentation	Enable this hack in your Divi Hacks Settings Page Description: This hack allows you to add over 1,000 icons from Font Awesome. You can replace the default Divi icons by adding classes to the module that the icon is in. For example: CTA, button, slider, blurb, etc. Details: Add one of the 3 classes on the left to the module. Details: Add this class to the respective Module Settings > Advanced tab > CSS ID & Classes > CSS Class. The Font Awesome icon will replace the Divi icon, so you need to make sure that you enable the icon, and choose any icon from the list of icons. This icon will be replaced with the Font Awesome icon in the next step. Search for an Icon Then, copy and paste that icon's classes in the Module Settings > Advanced tab > CSS ID & Classes > CSS Class. Example: fas fa-leaf Optional: Additional Classes for Styling Add these to the Module Settings > Advanced tab > CSS ID & Classes > CSS Class. Force icons to the right or left: Rotate the icon: Flip the icon: Spin the icon: Optional: CSS Variables for Styling Use additional CSS variables to modify the icon color, size, and hover color. Add this CSS to the Module Settings > Advanced tab > Custom CSS > Main Element. Additional CSS for Lists --icon-color: --icon-size: Additional CSS for Blurbs

Classes

Description

RSS to Instragram Icon

Enable this hack in your Divi Hacks Settings Page

NOTE: This hack no longer necessary. Instagram icon support has been added since Divi 3.20 release.

Description: This hack allows you to replace the RSS icon in the footer with the instagram icon.

Details: Assuming you aren’t using the RSS icon, add your instagram URL in Divi Theme Options where the RSS URL is.

Instragram Icon Gradient

View Examples & Documentation

Enable this hack in your Divi Hacks Settings Page

Description: This hack allows you to give the Instagram icon background color in the social media follow module the new gradient.

Details: Add the class to the Social Media Follow module.

Font Awesome Icons in Lists (Text Module)

Font Awesome Icons in Blurbs (Blurb Module)

Font Awesome Icons in Buttons (CTA, Button, Email Optin, Subscribe Form, Contact Form, Post Slider, Slider, Pricing Tables, Login Form, Fullwidth Slider, & Fullwidth Post Slider Module)

View Examples & Documentation

Enable this hack in your Divi Hacks Settings Page

Description: This hack allows you to add over 1,000 icons from Font Awesome. You can replace the default Divi icons by adding classes to the module that the icon is in. For example: CTA, button, slider, blurb, etc.

Details:

Add one of the 3 classes on the left to the module.

Details: Add this class to the respective Module Settings > Advanced tab > CSS ID & Classes > CSS Class.
The Font Awesome icon will replace the Divi icon, so you need to make sure that you enable the icon, and choose any icon from the list of icons. This icon will be replaced with the Font Awesome icon in the next step.
Search for an Icon Then, copy and paste that icon's classes in the Module Settings > Advanced tab > CSS ID & Classes > CSS Class.

Example: fas fa-leaf
Optional: Additional Classes for Styling

Add these to the Module Settings > Advanced tab > CSS ID & Classes > CSS Class.

Force icons to the right or left:

Rotate the icon:

Flip the icon:

Spin the icon:
Optional: CSS Variables for Styling

Use additional CSS variables to modify the icon color, size, and hover color. Add this CSS to the Module Settings > Advanced tab > Custom CSS > Main Element.
Additional CSS for Lists
```
								--icon-color:

								--icon-size:
							
```
Additional CSS for Blurbs