Themeisle Docs

Appearance

Non Profit FSE - Settings Reference ​

Non Profit FSE is a purpose-built WordPress Full-Site Editing block theme for charities and non-profit organizations, featuring ready-to-use patterns for campaigns, donations, impact stories, events, and team members. All settings are managed through the WordPress Site Editor (Appearance > Editor), where you can customize Global Styles, swap templates and template parts, insert block patterns, and configure navigation.

Site Editor — Global Styles ​

Global Styles control the overall look and feel of the site. Open them by clicking the half-filled circle icon in the top-right of the Site Editor. Changes made here apply site-wide unless overridden at the block level.

Colors ​

The theme provides a seven-color palette tailored for non-profit branding, with a default green accent that conveys trust, growth, and community.

  • Background — The main background color of the site. The default is a soft off-white (#FBFBFB), giving the site a warm, approachable feel rather than a stark white.
  • Foreground — The primary text color used for body copy, headings, and links by default. The default is near-black (#202020).
  • Accent — The primary brand color used for buttons, navigation bars, header backgrounds, and call-to-action elements. The default is a deep green (#246430), evoking nature, growth, and charitable purpose.
  • Accent Secondary — A companion highlight color used for decorative borders, badge accents, and secondary emphasis. The default is a bright yellow (#FED42B), which creates strong visual contrast against the green accent.
  • Background Dark — An inverted background color used in sections designed to stand out, such as footer columns and dark call-to-action areas. The default is a very dark green (#243527).
  • Background Alt — An alternate light background used to visually separate sections from the main background. The default is a warm light gray (#F2F0EF).
  • Foreground Alt — A light text color intended for use on dark backgrounds, ensuring readability in inverted-color sections. The default is near-white (#FBFBFB).

You can change any of these colors individually. Custom gradients are not provided by the theme but you can create your own through the editor. Link colors default to the Foreground color and can be overridden in the Colors panel.

Typography ​

Fonts ​

The theme bundles eleven font families, all served locally (no external requests). The default font for both body text and headings is Outfit. The available font families are:

  • Inter — A clean, neutral sans-serif designed for screen readability.
  • Albert Sans — A geometric sans-serif with a modern, rounded feel. Supports normal and italic styles.
  • Fraunces — A soft serif with an old-style character, good for editorial or literary sites. Supports normal and italic styles.
  • Hanken Grotesk — A neo-grotesque sans-serif with wide letter-spacing. Supports normal and italic styles.
  • Outfit — A geometric sans-serif with uniform strokes, conveying clarity and simplicity. The theme default for body and headings.
  • Spline Sans — A sans-serif optimized for screen readability with subtle curves.
  • Playfair Display — A high-contrast transitional serif, suited for elegant headings. Supports normal and italic styles.
  • Source Sans Pro — A classic Adobe sans-serif in regular, italic, bold, and bold-italic weights.
  • Montserrat — A geometric sans-serif inspired by urban signage, popular for modern designs. Supports normal and italic styles.
  • Open Sans — A humanist sans-serif known for excellent readability at all sizes. Supports normal and italic styles.
  • Figtree — A friendly, geometric sans-serif with a contemporary feel. Supports normal and italic styles.

You can assign different fonts to body text and headings through the Typography section of Global Styles. Most of these fonts are variable-weight (300–900), so you can fine-tune boldness without being limited to preset weights.

Font Sizes ​

The theme defines six fluid font sizes that scale smoothly between a minimum and maximum value based on screen width. You can select any of these when styling text:

  • Small — Suitable for captions, metadata, and fine print (approximately 12–14 px).
  • Normal — The default body text size (approximately 16–18 px).
  • Medium — Used for subheadings and emphasized text (approximately 20–24 px).
  • Large — Used for section headings and H3 elements by default (approximately 24–28 px).
  • Extra Large — Used for prominent headings and H2 elements by default (approximately 28–40 px).
  • Huge — The largest preset, used for H1 elements and hero text by default (approximately 36–56 px).

You can also enter a custom font size for any block. Fluid typography is enabled, so all sizes adjust gracefully between mobile and desktop viewports.

Line Height ​

Line height controls are enabled. The theme defaults are:

  • Body text: 1.7
  • Headings (general): 1.3
  • H1: 1.25, H2: 1.35, H3: 1.35, H4: 1.4, H5: 1.55, H6: 1.6

You can adjust line height on any text block through the Typography panel.

Heading Defaults ​

Each heading level (H1 through H6) has a default font size, weight, and line height. By default all headings use weight 600 (semi-bold) and the Outfit font family. You can change these per heading level in Global Styles under Elements > Headings, or override them on individual blocks.

Layout ​

  • Content Width — The maximum width for standard content blocks. The default is 960 px, which is wider than many themes and gives content sections more breathing room. Blocks set to the default alignment will not exceed this width.
  • Wide Width — The maximum width for blocks using the "wide" alignment. The default is 1140 px. Full-width blocks ignore this and stretch to the viewport edge.

These values affect every template. You can override them on individual blocks using the alignment and dimensions controls.

Spacing ​

Block gap, margin, and padding controls are all enabled. You can use px, em, rem, vh, vw, and % units. The theme defines a spacing scale based on a 16 px baseline that produces consistent vertical and horizontal rhythm across sections, but you can enter any custom value.

Borders ​

Full border controls are enabled, including color, radius, style (solid, dashed, dotted, etc.), and width. These can be applied to any block that supports border settings.

Appearance Tools ​

The theme enables all WordPress appearance tools, which means you can control dimensions (min-height, aspect ratio), position (sticky, fixed), overflow, and other advanced layout properties on supported blocks.

Per-Block Style Overrides ​

Global Styles lets you set default styles for individual block types. The theme ships with custom defaults for the following blocks. You can change any of these in Global Styles under Blocks:

Button ​

Buttons use the Accent color (green) as their background, Foreground Alt as their text color, and a 2 px solid Accent-colored border with a 5 px radius. Padding is 16 px top/bottom and 40 px left/right. Font size is Normal and weight is 600. Changing the Accent color in the palette automatically updates all default buttons.

Site Title ​

Displays at the Medium font size with weight 600. The link has no underline decoration.

The default logo width is 48 px. You can change this in the block settings or in Global Styles.

Navigation links have no underline decoration by default, keeping the header clean. You can add underlines or other text decoration through Global Styles or on individual Navigation blocks.

Post Title ​

Post title links have no underline decoration, giving archive and listing pages a cleaner look.

Post Terms ​

Term links (categories, tags) have no underline decoration by default.

Post Excerpt ​

Excerpt links have no underline decoration by default.

Latest Posts ​

The Latest Posts block uses the Medium font size with weight 600 by default.

Quote ​

Block quotes use the Large font size by default.

The search input has a 5 px border radius.

Comment Content ​

Comment bodies have a 5 px border radius, the site Background color, and 16 px padding on all sides.

Comment Author Name ​

Displays at the Normal font size. The author link has no underline.

Comment Date ​

Displays in uppercase at 14 px. The date link has no underline.

Displays in uppercase at 14 px with no underline.

Displays in uppercase with no underline. The link uses the Accent color and the Small font size.

Site Editor — Style Variations ​

Style variations let you change the entire look of the site with a single click. Open Global Styles and click "Browse styles" to see all available variations. The theme includes three variations in addition to the default style:

Dark Paw ​

A dark-mode variation with a deep forest-green background (#2A4A2E), white text, and a softer sage-green accent. The secondary accent remains bright yellow, creating pops of warmth against the dark green. Both body and heading fonts switch to Figtree. The overall mood is earthy and immersive, well-suited for animal rescue organizations, wildlife conservation groups, or environmental charities.

Funk Cloud ​

A bright, high-energy variation with a white background, pure black text, and a bold blue accent (#1F3BC9). The secondary accent is a warm golden yellow. Both body and heading fonts switch to Albert Sans, giving the typography a modern, rounded character. The dark Background Dark is a deep navy, creating strong contrast in inverted sections. Well-suited for youth-focused non-profits, arts organizations, or community action groups.

Impact ​

A dark-mode variation with a deep teal background (#162d37), white text, and a vivid orange accent (#DF6018). The secondary accent is also white, keeping the design high-contrast and direct. Both body and heading fonts switch to Montserrat at weight 700, giving headings a bold, assertive presence. The overall feel is urgent and attention-grabbing, ideal for humanitarian organizations, disaster relief charities, or advocacy groups.

Site Editor — Templates ​

Templates control the overall layout of different page types. You can view, edit, duplicate, and create new templates in the Site Editor under Templates. Edits to a template are saved as customizations; you can reset any template to the theme default at any time without losing content.

Index ​

The default blog listing template. Displays a header section with an "Our Blog" heading on a colored background with decorative borders, followed by a two-column grid of post cards. Each card shows the featured image (16:9 aspect ratio), date, title, and excerpt with a "Continue Reading" link. Includes numbered pagination at the bottom.

Front Page ​

The homepage template, built entirely from non-profit-focused patterns. Includes, in order: a full-screen hero section, a "Why It Matters" content section, a second content area, a "Ways to help" features section, a third content section, a donation call-to-action, and a latest-posts loop. You can freely replace, reorder, or remove any of these sections.

Single ​

The single post template. Displays a colored header area with the post title, date, and featured image (16:9 aspect ratio) with a decorative border. The post content appears below, followed by a full comments section with threaded replies, avatars, comment pagination, and the comment form.

Page ​

The standard page template. Shows the page title in a colored header section, followed by the content area. Suitable for general-purpose pages like About, Contact, or Volunteer sign-up.

Archive ​

Used for category, tag, author, and date archive pages. Displays the archive title on a colored background with decorative borders, then a three-column grid of posts with featured images (4:3 aspect ratio), dates, and titles. Includes pagination and a search section at the bottom.

Search ​

Displays search results with a colored header containing the "Search results" heading and a search box. Results appear in a three-column grid with featured images (16:9 aspect ratio), dates, and titles. Includes pagination and a "Try another search" fallback section.

404 ​

Shown when a page is not found. Uses the theme's dedicated 404 pattern layout with a clear error message and a way to navigate back to the site.

Blank ​

A minimal template with no header, footer, or surrounding structure. Contains only the content area. Use this for completely custom landing pages, donation forms embedded from external systems, or pages that need full design control.

Plain ​

Includes the header and footer but nothing else around the content area — no title section, no metadata, no colored header band. Use this for pages where you want to build the entire content layout from scratch using blocks but still want the standard site header and footer.

Site Editor — Template Parts ​

Template parts are reusable sections shared across templates. The theme provides multiple header and footer variations. You can switch which variation a template uses by editing the template and replacing the template part block, or you can edit the parts themselves directly.

Header (Default) ​

A horizontal layout with the site logo and title on the left and a navigation menu on the right. Clean and minimal, without background color or social links.

Header Variation — Centered ​

Uses the Accent color (green) as the background. The logo, site title, and an overlay-style navigation menu are centered in a flex layout. This header creates a strong branded impression and works well for single-page sites or organizations that want their brand color front and center.

Header Variation — Button ​

Uses the Accent color as the background. The site title appears on the left, the logo is centered, and the navigation is right-aligned. This layout gives the logo prominent center placement while keeping navigation accessible.

Header Variation — Hamburger Menu ​

A two-row header. The top bar displays contact information and social media links (X, Instagram, Facebook) on a neutral background. Below it, an Accent-colored bar contains the site title, centered logo, and navigation links. This is the most information-rich header option, ideal for organizations that want to display contact details and social profiles without cluttering the main navigation.

A compact footer with a light background containing centered copyright text, the site logo, and navigation links to Privacy Policy and Terms and Conditions.

A two-section footer. The upper section uses the Accent color background and contains three columns: a welcome message, an about blurb, and a connect section. The lower section has a light background with copyright, logo, and policy links.

A two-section footer. The upper section has a neutral background with four columns: a welcome blurb spanning the full width, and three navigation columns for Company, Industries, and Support links. The lower section contains copyright, logo, and policy links.

A minimal footer with the Accent color background, centered social media links (Facebook, Instagram, X) displayed as large icons, and centered copyright text. Use this for a social-media-forward footer that draws attention to the organization's online presence.

The most comprehensive footer, with five navigation columns (About, Events, Causes, Links, Connect) on an Accent-colored background. A lower section contains copyright and social media links. Best for large organizations with many pages and programs to highlight.

Site Editor — Patterns ​

Patterns are pre-designed block layouts you can insert into any page or template. In the editor, click the block inserter (+) and switch to the Patterns tab to find them. The theme registers patterns in two categories.

Non Profit FSE Patterns ​

Reusable sections and components designed specifically for charity and non-profit websites:

Hero and Cover Sections ​

  • Hero — A full-screen cover section with a dimmed background image, large headline (e.g., "Rescue. Heal. Rehome"), descriptive text, and two call-to-action buttons for primary and secondary actions. Designed as the opening section of the homepage to immediately communicate the organization's mission.

Content Sections ​

  • Content ("Why It Matters") — A side-by-side layout with an image on one side and text explaining the organization's purpose on the other, plus impact statistics (e.g., "500+", "1500+"). Use this to communicate the importance of the cause with supporting numbers.
  • Content 2 — A second content layout variation for presenting information in a different arrangement.
  • Content 3 — A third content layout variation for additional storytelling sections.
  • Content 4 — A fourth content layout variation for flexible use throughout the site.

Features and Services ​

  • Features ("Ways to Help") — Three feature cards highlighting ways supporters can contribute, such as "Make a donation", "Sponsor a Dog", and "Adopt a Friend". Each card includes an image, heading, and description with a decorative Accent Secondary border at the bottom.
  • Features 2 — An alternate features layout for different visual arrangements of program highlights or services.

Campaign and Fundraising ​

  • Campaign ("Ongoing Fundraising Campaigns") — A campaign card with an image, campaign title (e.g., "Emergency Medical Fund"), fundraising goal (e.g., "$10,000"), and a "Donate now" button. Use this to highlight active fundraising drives and encourage contributions.
  • Call to Action — A full-width section with a background image, large heading (e.g., "Be Their Hero. Make a donation"), and a prominent "I want to donate" button. Designed to convert visitors into donors at key points on the page.

Events ​

  • Events ("Upcoming Events") — Three event cards with images, titles, descriptions, and "Learn more" buttons, accented with the Secondary color border. Use this to promote upcoming fundraisers, galas, volunteer days, or community events.
  • Events 2 — An alternate events layout for different visual presentations.

Impact and Social Proof ​

  • Stats — A statistics display section with large numbers and descriptive labels, accented with a left border. Use this to showcase impact metrics such as funds raised, people helped, animals rescued, or volunteer hours contributed.
  • Testimonials — Testimonial cards with quotes and citations, plus a bottom call-to-action section with a button. Use this for supporter stories, volunteer testimonials, or beneficiary quotes.
  • Testimonials 2 — An alternate testimonials layout.

FAQ ​

  • FAQ — A frequently-asked-questions section with collapsible accordion items on a colored background. Use this for donation FAQ, volunteer information, or general organizational questions.

Error Page ​

  • 404 — A custom 404 error layout with a clear message and navigation option, used by the 404 template.

Non Profit FSE Layouts ​

Full-page layout patterns intended for use as starting points when building new pages or replacing entire template contents:

  • Post Loop 1 — A "Latest News" grid layout for displaying recent posts. Use this on non-blog pages to surface news, press releases, or campaign updates.
  • Post Loop 2 — An alternate post listing layout.
  • Page Title 1 — A simple page title layout for the top of content pages.
  • Page Title 2 — An alternate page title design.
  • Page Title 3 — A third page title variation.
  • Page Title 4 — A fourth page title variation.
  • Single Post Cover — Boxed — A single-post layout with the featured image as a boxed cover element. Designed as a replacement for the default single post template.
  • Single Post Cover — A single-post layout with a full-width featured-image cover for a more immersive reading experience.
  • Archive Cover — An archive page layout with a cover-style header section, replacing the default archive header.
  • Archive List — An archive page layout that displays posts in a list rather than a grid, providing a more traditional blog feel.

Site Editor — Navigation ​

Menus in Non Profit FSE are managed as Navigation blocks within the Site Editor, not through the classic Appearance > Menus screen. The theme's header template parts each contain a Navigation block that you can edit directly.

To edit the navigation, open the Site Editor, click on the header area, and select the Navigation block. From there you can add, remove, reorder, or nest menu items. You can also create multiple Navigation blocks and assign different menus to different header variations.

The Header Variation — Hamburger Menu also includes a Social Links block with X (Twitter), Instagram, and Facebook icons in the top bar. You can edit these to point to your own profiles or remove them entirely.

When the theme is first activated with starter content enabled, it creates a primary navigation menu with Home and Blog links and sets up a static homepage and a blog page.

WP Full Pay Integration ​

This section applies only when the WP Full Pay plugin is installed and active.

When the theme is first activated, it displays a dashboard notice recommending WP Full Pay (formerly WP Full Stripe Free), a payment and donation plugin. The notice highlights quick setup and multiple payment options for accepting donations directly on the site. Once WP Full Pay is installed and activated, the notice disappears automatically.

The theme does not add any custom settings for WP Full Pay — it simply recommends the plugin as a companion tool for non-profit donation workflows. All WP Full Pay configuration is handled within the plugin's own settings.