cheat sheet

  • Cheat Sheet

    Show teams can amend content and styling on Infosecurity website by applying classes to layout blocks on Level 2 and Level 3 pages if they were not previously customised. Level 1 and some other pages contains custom pages and use a class called customPage associated with them (see picture on the right) and can only be edited by the Digital Production team.


    For more information on page levels click here.

    All information related to adding classes can be found below.

  • Call to actions

    There are pre-set call to actions which can be used. They are used by giving your link, the classes "cta", "cta two" or "cta three".

    See below for example:

    Other Classes

    A few other useful classes

    Hide-head – hides the page main header
    hide-mobile – hides an element on mobile devices
    center-middle – center aligns text on element
    no-pad-top – removes top padding on element

  • Custom Body Class

    The followings are examples of all the possible layouts for the site.
    Simply put the class name on the layout block's "Custom body Css class" field as show on the example below.



    Below is an explanation on how the custom body class works

  • block1-0-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block2-0-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block3-0-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

  • block1-2-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block2-2-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block3-2-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

  • block1-3-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block2-3-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block3-3-over-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

  • block1-0-normal-none

    Plan ahead to ensure a smooth trip to WTM 2015. Find the best ways to travel to ExCeL by clicking below.


    Find out more

    block2-0-normal-none

    Here is everything you need to know about the documentation you need to enter the United Kingdom.


    Find out more

    block3-0-normal-none

    If you need to get in touch with World Travel Market regarding your queries, click on the below link to find contacts to all WTM departments.

    Find out more

  • block1-0-normal-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block2-0-normal-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

    block3-0-normal-top

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

  • block1-0-normal-none

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

  • block1-0-normal-left

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

  • block1-0-normal-right

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus congue sapien neque, ac maximus leo ultricies quis.


    Find out more

Media Partners

Health Service Journal CyberExchange SC Media CIO Applications

We use cookies to operate this website and to improve its usability. Full details of what cookies are, why we use them and how you can manage them can be found by reading our Privacy & Cookies page. Please note that by using this site you are consenting to the use of cookies.