Electric Putty

3rd Party (Free)

210 downloads (last 90 days)

Download v1.0

EE Version Support

  • ExpressionEngine 2


If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher


  • jQuery for the Control Panel

Add-On Type(s)



Sight is a plugin for enabling/switching between certain accessibility CSS file options.

This plugin gets initially activated by one of the four query strings, ?display=high/one/two/three which will then activate the plugin and set a session variable so that the setting persists across pages (without having to keep the query string). The default value it returns is ‘one’ for the {size} parameter inside the {exp:sight:font_size} tag pair. Only one of the 4 CSS files is active at any time.

There is are four tags for Sight, the font size controller, the high contrast controller, the high contrast link controller and the current URL (for easy linking).

Tag pairs:
{exp:sight:font_size} - Used for controlling which font-size CSS to load, uses the variable {size} which has three values, ‘one’, ‘two’ and ‘three’. These should correspond to your CSS files, e.g. size-one.css. If the high contrast CSS is active, this tag returns nothing.

Example Usage:

<link rel="stylesheet" href="{site_url}assets/site_css/size-{size}.css?v=2">


{exp:sight:high_con} - Used for controlling whether or not the high contrast CSS is loaded. If it is, the tag pair simply returns its contents. If not, then it returns nothing.

Example Usage:

<link rel="stylesheet" href="{site_url}assets/site_css/high-contrast.css" />

Single tags:
{exp:sight:high_con_switcher} - Returns a link with the current URL (plus ?display=high) and the text ‘Normal Contrast’ or ‘High Contrast’ depending on what mode the plugin is in.


{exp:sight:current_url} - Returns the current URL, useful for the font sizing links.

Example Usage:

<li>Change text size: <a href="{exp:sight:current_url}?display=one" id="sizeOne">A</a><a href="{exp:sight:current_url}?display=two" id="sizeTwo">A</a><a href="{exp:sight:current_url}?display=three" id="sizeThree">A</a></li>

Download Sight

EE Support Downloads Add-On Version Release Date
Not Specified Download 1.0 Apr 12, 2012

This entry was created April 16, 2012, 12:01 pm.
This entry was last updated April 16, 2012, 6:02 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at to initiate your return. If you have questions, email

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!