Instagram Filters

These classes will allow you to have a background overlay on parallaxed background images. Plus there’s some other cool classes to give you additional overlay options.

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-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