Skip to main content
Blackboard Help


Snap is a simple, intuitive, responsive theme, based on the Twitter Bootstrap 3.2 framework. Themes determine your page layout.

The main benefit of Snap is that it allows you to provide a consistent experience for users across any device. Snap is designed to provide an elegant, modern website for online learning.

For existing Express theme users, Snap is an alternate theme, not a replacement for Express. Snap does not provide as many customization options as Express. You cannot directly convert an Express template to Snap. Snap is an additional theme your institution can use to best display your site information.

Features of Snap

Snap focuses on drawing the user in through a clean visual experience, and provides learners and educators with quick access to the courses that are important to them.

  • Responsive: Snap displays information well on varying screen resolutions. Images, video, and all your institution’s content will scale to fit on a user’s device, no matter what shape or size of the display. Text size will be optimized according to screen size. Users can choose the device they want to use when working with their educational materials. Alongside this cross-device optimization, Snap provides simple cross-device navigation for users.
  • Simple Layout and Navigation:
    • Personal Menu: The Menu provides users with quick access to all their courses, from anywhere in a site. Administrators can set the menu color using the Snap Theme Settings page, and instructors can set their course images to appear in the menu. The menu can also include a user's deadlines for scheduled course assignments, and their notifications of messages. The personal menu can also be set as the default landing page.
    • Admin Menu: The Admin menu provides quick access to the Administration block from any page.
    • Course Contents, Tools, and Search: Course layout in Snap has been designed to resemble a standard website. With Snap, the course layout displays each section, week, or topic on its own page within the course, with clear titles, and navigation between pages. Other elements of the course such as participants, grades, and blocks are shown in the Tools tab. The Snap inline search allows users to find course assets (resources and activities) by name or type. The search auto-completes to match assets as you type, and clicking on an asset takes you to that asset. The unique single-column structure of Snap allows teachers to creates a clean, distraction-free site layout with lots of content, that is conducive to learning and easy to navigate.

More on using Snap for Teachers

Enable Snap for your institution

Steps: Site administration > Appearance > Themes > Theme selector > Change theme > Snap > Use Theme > Continue

To select the Snap theme, log in as a user with site administration privileges.

  1. From Site administration, select Appearance.
  2. Select Themes and Theme Selector.
  3. Beside Default select Change theme.
  4. Find the Snap theme and select Use theme.

    Snap is responsive. This means that you only need to select the theme for the default.

  5. Select Continue.
  6. Select Clear theme caches to ensure the site has been refreshed.

Customize Snap

Steps: Site administration > Appearance > Themes > Snap

Snap presents administrators with some simple, yet powerful, website customization options. You can begin to create the design and the layout of your website once you enable the Snap theme.

  1. From Site administration, select Appearance.
  2. Select Themes and Snap.
  3. Set the Branding for your site:
    • In Site name, type the name of your institution.

      If you need to change the name of your institution’s site, select Front Page Settings, then Edit settings, and change the text in the Full Site Name box.

    • In Site description, type a description for your institution. This information appears as the tag line for your site on the homepage. It is not the title of the site.
    • Set your institution’s Brand color. Type the hexadecimal code or select the color. Any link on your site and many backgrounds are set with this color.
    • Choose the Logo for your institution’s site. Drag or upload a file for your logo.
    • Choose the icon to use as your Favicon. Select an image to use as a bookmark link when a student or instructor marks the site as a browser favorite.
    • Select the Cover image for your institution’s site. Drag or upload an image as the site’s homepage.
  4. Set the menus and navigation for your site.
    • Choose what you want to appear in a user's personal menu. All options are selected by default.
    • Hide default Moodle navigation block is selected by default. This removes the Moodle blocks and uses only the Snap menu.
    • Show Course footer is selected by default.
    • Type the information to appear in your site’s footer.The footer of your website is a good place to display links to other sites that may be important to learners within your school or organization, help, support and administrative policies that your institution may be required to publish, or other information such as the address and telephone number of the building.


      If you want to change the default links available in the on the bottom right of the footer, you need to make the change in the Theme Settings section. Select the Site Administration block, then Appearance, then Themes, and then Theme Settings. Set your changes in the Custom Menu Items box.

  5. Set the Advanced Branding for your site. Blackboard recommends you keep the default values. The Advanced Branding section is for those users that are highly skilled in HTML/CSS. To learn more, see Activating fonts and Custom CSS.

Advanced branding

Using a custom font library in Snap is no different from using one on any other html/css based website. If you use a service for your site fonts, such as Adobe, cloud.typography, Fontdeck, Typekit or Google fonts, you will have to create a link to include the fonts on your website.

If you are hosting the fonts on your own content delivery network, you will need the link tag for your CDN.

Embedding fonts

Steps: Site administration > Appearance > Additional HTML

  1. From Site administration select Appearance and Additional HTML.
  2. In the Within HEAD field, type the font include script.
  3. Select Save changes.

This will include your fonts on every page within your site.

Activating fonts

Steps: Site administration > Appearance > Themes > Snap

  1. From Site administration select Appearance.
  2. Select Themes and Snap.
  3. Type the font name with quotes of the Heading font and Serif fonts.


​Custom CSS

Steps: Site administration > Appearance > Themes > Snap

Snap allows you to add your own custom CSS that can be included on every page of your website. The Custom CSS box accepts any CSS code that you want to include, allowing you to override or create a new CSS without having to edit the CSS file or download the design. We recommend that you validate any CSS code before including it on your site.

  1. From Site administration select Appearance.
  2. Select Themes and Snap.
  3. Type the custom CSS.

Snap with LaTeX filter

Steps: Site administration > Plugins > Filters > TeX notation

If your institution uses LaTeX filter for mathematical expressions, your site may experience enlarged font sizes. Here are some tips to get the best look out your display:

  1. From Site administration select Plugins.
  2. Select Filters and TeX notation.
  3. In the TeX notation page, change the Density setting to a higher number.

    It is recommended that you set Snap using a 280 density. This setting will improve the overall smoothness of the lines in the image.

  4. Switch to PNG in the convert output format.

    The PNG file type smooths the appearance of the expression significantly.These settings change the appearance of the TeX filtered notation throughout the site.