The CSS Override Module
The CSS Override module lets you choose the version of CSS styling you want for a specific View, rather than your whole account. This module is a great shortcut for making your View go from 520 px to 810 px. For more info on base CSS or expanded Views, see the Choosing Your Base CSS and Facebook Timeline in Content & Apps topic.
Adding the CSS Override Module to a Content & Apps View
You can find the CSS Override module in the Custom section of the Module Library. All modules are added to a View in the same way with our drag-and-drop interface. To get more information on this, see the Building a View: Adding Modules and Content to Views in Content & Apps help article.
Once you have added the module and given it a name, it will open for you to edit it or add content. Back on the View layout, you'll see a callout bubble next to your module - click the triangle for controls for your module. This callout will not appear on your published View.
Choosing Your CSS Version
When you drag the CSS Override module onto your View, it will display a popup window with a couple of options.
First, click the radio button for the version of CSS you want to use. You can choose from:
- 2012 CSS: This version of CSS gives your Views a look-and-feel closer to Facebook's style, and allows you to expand your View to 810 pixels.
- Legacy CSS: This version of CSS keeps your View in our original styling, and can only use a 520 pixel View width.
Note: If you select 2012 CSS, you have the option to expand your View to 810 pixels. Check the Expand your View Layout box and the page will refresh, expanding the Layout to 810 pixels.
Hiding the Module
Since this module is just controlling CSS, you probably won't want it appearing on your View. To make the module invisible, clear the Header and Borders check boxes on the module control bubble.
We also suggest placing it near the bottom of your View, so it won't be in the way of the modules you can see on Facebook.