Skip to main content
All CollectionsWebsiteStock themes
Collective theme guidelines
Collective theme guidelines
Updated over 7 months ago

Collective is a responsive theme with a clean and modern metro design. (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

  • Customizable icons

  • Staged donations

  • Widget that links to the public bios of recent supporters of your nation

General Guidelines:

  • Since the logo overlaps the navigation bar background, it should be prepared in a transparent PNG format.

  • The images you upload to your Featured Content Sliders and headers are suggested to be at least 1024px wide, with an aspect ratio of around 3:1 (for a 1024px wide image, the height should be around 340px). Make sure all your images are the same dimensions.

  • The top navigation will change to an off canvas nav when viewing Collective 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.

  • You can override icons by first cloning Collective, 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.

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

  • To enhance the readability of text-heavy pages, such as petition, press release, feedback, endorsement, blog post, moneybomb, and rules pages, the page width is automatically narrowed to optimize for the ideal number of characters per line.

  • If their sidebars are disabled, blog and FAQ pages will arrange blog posts and QA pages, respectively, in a tiled format.

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

  • Navigation bar sizing, blog/FAQ page tiling, and other dynamic features are driven by the collective.js script in the Files tab of your theme.

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


Did this answer your question?