Divi Hacks Plugin
Examples & DocumentationInstagram Filters
Apply any Instagram filter to any Section, Row, Column, or Module with these classes.
classes
- filter-1977
- filter-aden
- filter-amaro
- filter-ashby
- filter-brannan
- filter-brooklyn
- filter-charmes
- filter-clarendon
- filter-crema
- filter-dogpatch
- filter-earlybird
- filter-gingham
- filter-ginza
- filter-hefe
- filter-helena
- filter-hudson
- filter-inkwell
- filter-juno
- filter-kelvin
- filter-lark
- filter-lofi
- filter-ludwig
- filter-maven
- filter-mayfair
- filter-moon
- filter-nashville
- filter-perpetua
- filter-poprocket
- filter-reyes
- filter-rise
- filter-sierra
- filter-skyline
- filter-slumber
- filter-stinson
- filter-sutro
- filter-toaster
- filter-valencia
- filter-vesper
- filter-walden
- filter-willow
- filter-xpro-ii
Usage
Add any one of the classes Section, Row, Column, or Module Settings > Advanced tab > CSS ID & Classes > CSS Class.
Use with
Sections, Rows, Columns, or Modules
Design
No configuration needed.
Notes
All of these classes utilize the filter css property, so make sure you don’t have any filter customizations in the Section, Row, or Module Settings > Design tab > Filter
Some of these classes utilize the :before element so if you have some css already set for that element, or one of the other hacks are utilizing the :before element, the filter may not show up correctly.
Examples
normal
filter-1977
filter-aden
filter-amaro
filter-ashby
filter-brannan
filter-brooklyn
filter-charmes
filter-clarendon
filter-crema
filter-gingham
filter-ginza
filter-hefe
filter-helena
filter-hudson
filter-inkwell
filter-juno
filter-kelvin
filter-lark
filter-lofi
filter-ludwig
filter-maven
filter-mayfair
filter-moon
filter-nashville
filter-perpetua
filter-poprocket
filter-reyes
filter-rise
filter-sierra