Charity Theme Manual

General

If you're new to Webflow, we recommend checking out their help article on editing content with the live editor to start.

Primarily, you can edit your website content by editing pages and templates. All pages and templates for the site are listed in the Pages menu, grouped by page type and similar content. Clicking on any of these will take you to the page as it appears on your site.

You can edit titles, content, authors, menus, etc. directly on the site by clicking on the items you wish to edit.

You can edit specific posts, stories, and permalink pages under the Collections menu. How to add new events and stories is covered below.

Theme Features

Header

Screen Shot 2016-05-24 at 1.02.31 PM

Logo

Double-click on the logo and click Replace Image to add your own. The default image size is 380 x 80px. We recommend keeping to these dimensions, but you can also resize the image once placed into the header to make sure it fits into the header. 

Navigation

The navigation links are display inline and centred within the header. To alter your navigation links, double-click on one of the items to edit their text name and their link. On mobile and tablets, the menu will display as a dropdown triggered by the menu icon in the top right.

Donate Now Button and Donate Page

The Donate Now button is displayed in the top-right and allows your visitors to easily donate to your cause. Clicking the button redirects to the Donate Now page, which is covered below.

The donate page has a submission form for visitors to enter in their details and a dollar amount to contribute to your cause.

Slideshow

The slideshow has three default slides, with text and call-to-action buttons, which can be edited by clicking on them. To replace a slide image, drag and drop your own into the image container. To add a new slide, click Add Slide under the Slider Settings section. Here, you can also alter the Animation type (e.g. slide or fade) and edit the appearance of the slider navigation.

Upcoming Events

By default, the home page displays two upcoming events, with a link to an events page. The Events page display three upcoming events.

To create a new event, navigate to Categories on the left-hand menu and click Events. Click New Event. Complete the field provided and toggle the Featured? option to display it on the home page. Remember to add a thumbnail and main image.

Get Involved Section

The Get Involved section displays a header and three horizontal cards with text and call-to-action buttons. This section provides a way for visitors to donate, apply to volunteer, or connect through social media.

You can edit the style and layout of the permalink Get Involved page by going to the Get Involved page found in the Pages menu.

Volunteer Page

The Volunteer page provides a sign-up form for visitors to send in applications to volunteer.

Contact Page

The Get In Touch page provides a contact form and two full-width sections to display contact details.

Featured Stories

The featured stories section displays four of your feature stories as a grid with images. You can edit the style and layout of single story posts by going to the Stories Template found in the Pages menu.

To create a new event, navigate to Categories on the left-hand menu and click Featured Stories. Click New Featured Story. Complete the field provided and toggle the Featured? option to display it on the home page. Remember to add a thumbnail and main image.

Feature Video

The home page has a full-width feature video section. Double-click the video and enter in a video url to replace the default video.

News

On the home page, The News section display two News posts by default. You can edit the style and layout single news posts by going to the News Template found in the Pages menu.

To create a new event, navigate to Categories on the left-hand menu and click News. Click New News. Complete the field provided and toggle the Featured? option to display it on the home page. Remember to add a thumbnail and main image.

Newsletter

The newsletter section let's your visitors sign up for your newsletter. It has a full-width background image with color overlay, as well as title and subtitle text.

Footer

By default, the footer houses links to your pages, posts, and social media.