STANDARD CLOSE BUTTON GUIDE

This document details the standard approach to terminate rich media and full page digital ad formats available in Fairfax digital publications. Floating, expanding, interstitial etc. ad creative displayed in Fairfax's digital platforms and publications require a close button. Furthermore, any ad-hoc ad creative deemed to require this feature by Fairfax Media must be modified to include this functionality in-line with these guidelines.

Definition

Close X

A creative control that enables a user to close an ad (remove it from view) or to reduce an expanded panel back to its original size.

Desktop / Web

Close button

Floating, expanding, interstitial etc. creative is required to include a standard close button, typically in the top-right corner of the creative, however – in the case of expanding ads – if this location is impractical or causes usability issues, a member of the creative implementation team will advise you of the required changes.

The standard close button must be placed on an opaque background using high contrast font colour to stand out from its environment. The close button should read “X-CLOSE” and use a minimum font-size of 13px, Sans-Serif font-face e.g Ariel and weight bold (900) or equivalent. Minimum dimensions of the close button must be 30(h) X 70(w) pixels. Please see the following visual and CSS examples:

Example

/*

    Fairfax standard close button style definitions example

*/

.closeBtn {

    /* the background colour must be of high contrast relative to its surroundings */

    background-color:black;

    /* the font colour must be of high contrast relative to its background */

    color:white;         

    /* font-weight must be bold and minimum 13px */

    font-weight:900;           

    font-size:13px;            

    /* minimum dimensions */

    width:70px;                

    height:30px;

    text-align:center;

    font-family:Ariel, Sans-Serif;

}

Remove Button

Where applicable, the REMOVE button is implemented by Fairfax’s Technical Operations team.

When clicked, this button removes inline components of specific rich media executions for a 24 hour period.

Mobile

Rich media mobile ads require a close button, a standard Fairfax “mobile close button” will be implemented by the Technical Operations team.

Tablet

A Tablet ad specific close button must be implemented for all full page interstitial tablet ad creative. Please Refer to the Tablet Advertising Guidelines document for details.

Note that in-line article adverts currently do not accept rich media (expanding, floating etc.) creative formats, hence no applicable close button guidelines exist for these formats.

Get in touch with us

Advertising Sales Enquiries
Email Advertising Sales Enquiries
Creative Support
Advertising Operations
Email Creative Support

Revision: 7.00

Fairfax reserves the right to change the specifications without notice at any time!