1. In Appearance > Themes > Upload, you must manually upload TWO themes:
   1. Genesis (the framework, acts as a parent theme)
      • Download within your StudioPress account
   2. Jefferson Center (the custom Genesis child theme)
      • Download “jeffersoncenter.zip” from your records
2. The active theme should be Jefferson Center
3. Install the Jetpack plugin and follow prompts to set up a connection under the “Jetpack” area. This sets up key features like “Visibility” on widgets. You can use or not use as many settings as you like. R to activate the following via Jetpack > Settings:
   • Display images in a full-screen carousel gallery
   • Add sharing buttons to your posts
     • This will add a “Sharing” tab to the “Settings” area for button configuration 
   • Show related content after posts
     • This will add options to the “Reading Settings” page for configuration
4. Configure the minimum site settings
   1. The following instructions are for the Appearance > Customize area, though you can change these settings from other areas as well.
      1. Site Identity
         • All fields MUST be filled in
         • You do not need to change the “Logo Width.” Unless you change the number, the logo will not exceed 200px wide—uploading a logo of 400px wide (height variable, 72dpi) will ensure a crisp logo
           • Recommended to “skip cropping” the logo when prompted
         • Remember to add alternative text when uploading the logo and favicon
      2. Colors
         • Follow the instructions within the customizer to change the major site colors
         • Behind the scenes, the color customizer is handled through several theme files: style.css, output.php, helper-fuctions.php, and theme-defaults.php. This will only matter if you are changing colors in code, rather than using the color pickers.
      3. Menus
         • Edit widgets here or via Appearance > Menus
         • Later, see “Setting up Menus” for instruction
      4. Widgets
         • Edit menus here or via Appearance > Widgets
         • Later, see “Setting up Widgets” for instruction
      5. Homepage Settings
         • Create a single PAGE and name it “Home” (or another name); also create a single PAGE and name it “Blog” (or other name)
         • Now, choose “Your homepage displays: A static page” and set it to “Home”
         • Set the “Posts page” to “Blog”
         • Later, see “Setting up  the Homepage” for further instruction
      6. Theme Settings
         • Either configure these settings here or via “Genesis > Theme Settings”
           • Enter an email under “Check for Updates” to be notified when you need to update the parent theme (Genesis)
           • Select a default layout for all new pages and posts—you’ll be able to change this on each page and post later. Recommended to choose the sidebar-content layout.
           • Choose where you want breadcrumbs. Recommended: single posts, pages, archives, 404 page.
           • Choose if you want comment & trackback functionality on just posts, just pages, or both. If they are enabled, you can change this setting on each page and post later. Recommended use is just on posts.
           • Content archives MUST BE SET to the following:
             • Display “Entry content”
             • Limit Content to “100” (ok to change this)
             • Check “Include the Featured Image” (ok to change this)
             • Image Size “Medium”
             • Image Alignment “Left”
             • Entry Pagination “Numeric” (ok to change this)
           • This theme does not make use of the blog page template, you can skip this area. If you change the settings here, nothing should happen.
             
           • Add any scripts. For example, add Google Analytics tracking code to the “Header Scripts” area.
   2. Settings > General & Settings > Writing
      • We already adjusted the important settings in the above step, but there are some additional/optional settings here for you to explore
   3. Settings > Reading
      • We already adjusted some of these settings in the above step, but there are some additional and optional settings here too. Here are the required settings:
        • “Blog pages show at most:” 20 is recommended but you can change this if the masonry layout needs adjusting
        • “For each article in a feed, show” MUST BE SET to “Summary”
        • “Related posts” options should appear here if you have it activated via Jetpack > Settings; Recommended to check everything but “Show a thumbnail image where available”
   4. Settings > Discussion
      • If allowing comments on pages or posts, configure how you’d like the comment feature work for you
   5. Settings > Media
      • You can ignore this page, the theme already defines these in the code
   6. Settings > Permalinks
      • No set up is required here, but you may find the customization options useful
   7. Other settings under “Settings”
      • Settings for installed plugins often appear here—depending on the plugin
      • Some options that appear within these settings are created by Bluehost and/or Jetpack

1. Each page/post can be set as one (of two) layouts:
   • Two-column, with-sidebar layout | Demo
   • Full-width, no-sidebar layout | Demo
   • The default layout for the entire site is set in Genesis settings; you can override the default layout in edit mode of each page and each post
2. In edit mode of pages and posts, you apply one of the following templates:
   • “Default” template
   • “Landing” template (forces full-width and strips away the header)| Demo
   • “Archive” template (creates a site-map-like-page without you needing to add any content)| Demo
   • “Search” template (creates a search page without you needing to add any content; this is not to be confused with the search results page) | Demo
   • “Homepage” template (only use this on the one page that is set as the “Homepage” under Settings > Reading Settings) | Demo
     

1. The homepage should set the “Homepage” under Settings > Reading Settings
2. The homepage content is controlled entirely through widgets via Appearance > Widgets
   • On a fresh install, before any widgets are added, the homepage will be largely blank—it may appear broken. This is just because you have not added any content yet.
   • The available widget areas are as follows:
     1. Hero Area
        • Recommended to use an image, video, or slideshow
        • Recommended 1400 x 740 @72pdi 
          • The height can be smaller
          • You must set the media size to “Large”/Full Size when inserting an image
     2. Hero Text Area
        • Only use a “Text” widget or nothing, since it floats over the hero image
     3. Below Hero Area
        • Recommended to use widgets such as “Text”, “HTML”, etc. Anything you add will be within the dark background section.
     4. Posts Area
        • Recommended to use both the “Genesis – Featured Posts” and “Genesis – Recent Posts” widgets. Anything you add will be within a white background section.
     5. Testimonials Area
        • Recommended to add a testimonial slideshow. Anything you add will be within a white background section and the widget title will be centered.
     6. After Entry Area & Footer Areas
        • These are not exclusive to the homepage. See instructions under “Setting up Widgets”. Use Jetpack’s “Visibility” feature to make these areas appear differently on specific pages.

Widgets are set up via Appearance > Widgets.

• Homepage Widgets
  • For instructions, see “Setting up the Homepage”
  • These widgets will only appear on the page that is selected as “Homepage” under Settings > Reading Settings
• After Entry Widget
  • Recommended to add a stripped-down version of the Mailchimp Sign Up Form via an “HTML” widget
  • Any widget you add here will appear in the light grey box above the footer
  • By default, this will appear on every page unless you leave it blank or adjust its visibility
• Footer Widgets
  • Recommended to use all widget areas or see instructions in style.css for changing the number of columns
  • By default, these will appear on every page unless you leave it blank or adjust its visibility
  • TIP: If you have do not have content in the first footer widget, then the second and third footer widgets will not appear on the front-end

There are a few components to manage when it comes to blog functionality:

1. Blog List | Demo
   • The masonry-style blog list requires a couple of things to work properly:
     1. You MUST set the list to display “Entry Excerpts”  via Genesis > Theme Settings > Content Archives
     2. You must create a single PAGE – most likely named “Blog” – and set this page as the “Posts Page” under Settings > Reading Settings. Now, all blog posts will appear on this list—no matter if/how they are categorized/tagged. The number of posts that appear per page can be set here too.
2. Blog Post | Demo
   • It’s to set the default category to “Uncategorized”
   • Tags and categories are managed in the page’s or post’s tag and category sections. Keep in mind that pages and posts share taxonomy and should be organized accordingly.
3. Optional Featured Image | Demo
   • Also, see Media & Dimensions
   • Also available for pages
4. Optional Comments | Demo 
   • Site-wide settings at  Settings > Discussion; override site-wide settings in edit mode on each post (or page)
   • Manage comments in the Comments Dashboard
   • Pages can also take comments, see Genesis > Theme Settings > Comments & Trackbacks
5. Optional Sticky Settings | Demo
   • In edit mode of posts (or pages)  select “Stick to the Front Page” to feature the post on the homepage (if using the “Featured Post” widget) and make the post appear first on the blog list
     • Alternatively, you could set up a “Featured Post” category to use with the “Featured Post” widget
   • You can stick more than one post at a time
6. Posts (and pages) also accept optional categories and tags
7. You can also control the widgets that appear in the sidebar on the blog list page and each post via Dashboard > Widgets > Primary Sidebar
   

• Primary Menu (Header & Drop-Down) | Edit Menu
  • Created/managed normally through Appearance > Menus
  • To make a menu appear in the header, the “Header Menu” checkbox must be selected
• Optional Menus in Widget Areas (Footer Widgets, Sidebar, etc.)
  • Menus are created/managed normally through Appearance > Menus
  • Menus are placed in widget areas via Appearance > Widgets using the “Navigation Menu” widget type
• Footer Menu (very bottom of the site) | Edit Menu
  • Created/managed normally through Appearance > Menus
  • To make a menu appear at the very bottom of the site, the “Footer Menu” checkbox must be selected
  • Not to be confused with menus added to the footer widget areas
• Breadcrumbs | Demo 
  • Dynamically controlled via Genesis > Theme Settings > Breadcrumbs
• Widgets and/or plugins may provide further menu options

• Site Logo |  Recommended 400px wide, height variable
  • Edit via Appearance > Customizer > Site Identity 
  • Recalculate if you’ve changed the logo width setting 
• Home hero image, video, or slides | Recommended 1400px x 740px  | Demo
  • Edit via Appearance > Widgets > Home Area 1: Hero
  • You must set the hero media size to “Large” when inserting
• Featured images on pages and posts | Recommended 1107px x 640px | Demo
  • Set within edit mode on each page or post, if desired
  • Featured images have to work for various sizes—the largest it will ever get is on the full-width template

• Use the “Helper Classes” or edit samples to use CSS Classes for your styling needs
• Additional site-specific CSS changes should be added under Dashboard > Appearance > Edit CSS. This way, your site-specific CSS will stay intact if the theme is updated.

• .oswald | Demo
• .merriweather
• .nunito
• .lead | Demo
• .small | Demo
• .button | Demo
• .menu-highlight | Demo
• .button .secondary | Demo
• .button .small | Demo
• .more-link | Demo
• .subtle | Demo
• .split-list-col-3 or .split-list-col-2 | Demo

• .jc-red | #ff6356
• .jc-blue | #38a4dd
• .rd-orange | #f37321
• .yvo-red | #e2242
• .warning | #f33a2b
• .tertiary | #f0ba72
• .midnight | #000220
• .grey | #eaeaea
• .jc-red-darkened | #db473c
• .yvo-red-darkene | #ba1c20
• .rd-orange-darkened | #bf5319

• .alignleft | Demo
• .alignright | Demo
• .nudge-left | Demo
• .nudge-right | Demo
• .push-left | Demo
• .push-right | Demo
• .push | Demo

• .plain | Demo
• .block-callout | Demo
• .title-callout | Demo
• .first use with .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth | Demo
• .clearfix

We’re a nonpartisan nonprofit that engages Americans directly to solve shared challenges and craft better policy. Our mission is to strengthen democracy by advancing informed, citizen-developed solutions to challenging public issues.

Our toughest problems won’t be solved without all of us. We design in-depth, inclusive opportunities for citizen education, deliberation, and action so that citizens themselves lead the efforts to solve shared challenges. In support of citizens, we cultivate creative partnerships and pursue high-impact organizing and outreach strategies that help decision makers and the public work together effectively.

While the primary tool we employ for education and deliberation is the Citizens Jury, we are continuously designing, testing, and exploring new methods of high quality, inclusive engagement.

We’re a nonpartisan nonprofit that engages Americans directly to solve shared challenges and craft better policy. Our mission is to strengthen democracy by advancing informed, citizen-developed solutions to challenging public issues.

Our toughest problems won’t be solved without all of us. We design in-depth, inclusive opportunities for citizen education, deliberation, and action so that citizens themselves lead the efforts to solve shared challenges. In support of citizens, we cultivate creative partnerships and pursue high-impact organizing and outreach strategies that help decision makers and the public work together effectively.

While the primary tool we employ for education and deliberation is the Citizens Jury, we are continuously designing, testing, and exploring new methods of high quality, inclusive engagement.

Who We Are

We’re a nonpartisan nonprofit that engages Americans directly to solve shared challenges and craft better policy. Our mission is to strengthen democracy by advancing informed, citizen-developed solutions to challenging public issues.

What We Do

Our toughest problems won’t be solved without all of us. We design in-depth, inclusive opportunities for citizen education, deliberation, and action so that citizens themselves lead the efforts to solve shared challenges. In support of citizens, we cultivate creative partnerships and pursue high-impact organizing and outreach strategies that help decision makers and the public work together effectively.

How We Work

While the primary tool we employ for education and deliberation is the Citizens Jury, we are continuously designing, testing, and exploring new methods of high quality, inclusive engagement.