Skip to main content
Verve theme guidelines
Updated over 7 months ago

Verve is a clean and professional theme, designed to deliver your message with a clear voice. (See a demo.)

Features:

  • Responsive theme: Design automatically adjusts and optimizes to fit the size of your screen (iPhone/iPad/Desktop ready).

  • Inline sign in flow

  • Off canvas nav when viewing the theme on a mobile device

  • Off-canvas supporter nav brings the focus to your content

  • Customizable icons

  • Staged donations

  • Image attachment previews for blog posts and suggestions

General Guidelines:

  • The dimensions of the images you upload to your Featured Content Sliders is recommended to be around 1170×700px. Make sure all your images are exactly the same dimensions.

  • Your supporter nav links will be displayed on the homepage next to a signup form, in order to inspire action.

  • Text for Featured Content Slides can have titles; in the Headline/Action text input field for a Featured Content Slide, use a vertical bar character to denote the title: Title Here | Body text here.

  • If both a header image and a Featured Content Slider are enabled, only the Featured Content Slider will be displayed.

  • The top navigation will change to an off canvas nav when viewing Verve on a mobile device such as an iPhone or iPad. Tap the icon with three lines to the left of your site name or site logo to activate the menu.

  • If a site background image is used, it should be 1366px wide by 768px high or larger.

  • Developers can override icons by first cloning Verve, and then editing the _icons.scss file. Icons are displayed via a span class. To change the icon, simply change the properties of those classes.

  • The dropdown subnav is designed to fit one single line of subpage items. This is achieved by keeping total number of subpages to a minimum, and reducing their titles down to one or two words for optimal design aesthetics. There are alternative themes that can accommodate for several subpages and longer titles if this is a concern.

  • To split the default single address field into separate fields, use the instructions provided this article.

Did this answer your question?