The Casefile theme set was designed for associations representing lawyers, jurists, and advocates. 

There are theme variations for different legal specialties, like environmental protection, child protection, and animal protection, as well as generic variations for anyone in the legal field.

Though designed with legal professionals in mind, Casefile themes can be used by any type of organization, particularly if you want to take advantage of its theme-specific functionality (see below).

Themes within the Caseline theme set

The Casefile theme set consists of the following website themes:

Theme name
Sample
Advocate
Blue Process
Bluebook
Calypso
Grassroots
Guardian
Land's End
Lawsuit
Public Defender

Responsiveness

All Casefiles themes are fully responsive and mobile friendly, and include a condensed mobile panel.

You can, however, disable the responsive behavior of these themes using theme overrides.

With responsiveness enabled, gadgets will be stacked within a single column on mobile devices, and resized to match the device's screen width. A mobile version of the site menu will be displayed, with a limit of 3 levels in total (main menu plus 2 submenu levels). Only horizontal menus are available for responsive themes.

To disable responsive behavior within Casefile themes, follow these steps:

  1. Enable theme overrides (if you have not done so already).
  2. Click the link to download the theme files.
  3. Unzip the theme files to a location of your choice on your computer or network.
  4. Using a text editor, open the layout.less file from the Styles folder.
  5. Replace the following lines...
    @Device-M-MaxWidth: 991px; /* 768 - 991 */ @Container-M-MaxWidth: 970px; @Device-S-MaxWidth: 767px; /* 480 - 767 */ @Container-S-MaxWidth: 750px; @Device-XS-MaxWidth: 479px; /* 320 - 479 */
    with...
    @Device-M-MaxWidth: 0px; /* 768 - 991 */ @Container-M-MaxWidth: 970px; @Device-S-MaxWidth: 0px; /* 480 - 767 */ @Container-S-MaxWidth: 750px; @Device-XS-MaxWidth: 0px; /* 320 - 479 */ body { min-width: 1230px; }
  6. Upload the modified layout.less file to the Styles theme folder on your site via File management or WebDAV.
  7. Click the Rebuild theme button on the Theme overrides screen.

The site will now appear the same regardless of device size.

Theme-specific functionality

Casefile themes provide theme-specific functionality, including the following.

Sidebar

You can display a collapsible sidebar on left or right side of the screen (depending on the theme variation), and place gadgets you want to appear there.

The sidebar can be collapsed or expanded by clicking the arrow at the top.

The sidebar appears on the left side for the following theme variations...

  • Casefile Bluebook
  • Casefile Calypso
  • Casefile Blue Process
  • Casefile Public Defender
  • Casefile Lawsuit
  • Casefile Grassroots

...and the right side for these theme variations:

  • Casefile Advocate
  • Casefile Guardian
  • Casefile Land’s End

You can place any gadget you want in your sidebar, but for best results, you should avoid adding large gadgets like forum, blog, or photo album gadgets.

To display the sidebar on a site page, use a page template that has the Master layout set to Main layout. If you don't want the sidebar to appear, set the Master layout to Main layout without sidebar.  

Full width placeholder

The Stretch to full width placeholder setting will force the placeholder and its contents to occupy the full screen width.

Slide gadget style

A special slide gadget style is available for upcoming events, recent blog posts, and forum updates gadgets.

With this style, you can display more items that can fit in the space provided, with controls to allow your visitors to scroll through the items, as they would images in a slideshow.

Sticky menu option

For horizontal menus, you can enable the Stick to the top gadget setting, so that the menu sticks to the top of the page once it reaches the top of the screen.

A menu that initially appears like this... 

...will appear like this, sticking to the top of the screen, once you scroll far enough down.

Gallery photo album style

A new Gallery style for photo album gadgets displays the image thumbnails as a collage. 

Mobile panel

The mobile panel replaces the menu bar and login options on mobile devices (or whenever the width of the browser window is 768 pixels or less).

For important instructions on displaying this panel after switching from an existing website theme, see Switching to a Casefile theme from another theme (below).

Headline gadget

The headline gadget is used to display titles and headings for sections or other gadgets.

Other

  • Alignment option for vertical menus
  • Secondary menu gadget
  • Alignment option for login gadgets
  • Ability to hide the Remember me and Forgot password labels within log in form gadgets, and control whether the email and password labels appear within the entry fields, or outside them
  • Font Awesome iconic font set for adding icons you can easily size and color

Switching to a Casefile theme from another theme

When you switch to a Casefile theme from another Wild Apricot website theme, your existing page templates may not be capable of displaying the mobile panel, which replaces the menu bar and login options in mobile view.

To display the mobile panel in mobile view, you need to use one of the page templates that was copied along with the demo pages while switching to the new theme.

Customizing Casefile themes

From the Colors and styles screen, you can customize the colors, fonts, styles, and backgrounds of various elements that appear throughout your site.

You can also customize your theme using CSS and theme overrides.