OFN super-admin guide
  • Overview
  • Deployment and system administration
  • OFN platform configuration
    • General Settings
    • Terms of Service
    • Mail Methods
    • Image Settings
    • Taxes and Tax Zones
    • Countries and States
    • Payment Methods
    • Taxonomies
    • Shipping Methods
    • Shipping Categories
    • Enterprise Fees
    • Content
    • Caching
    • Invoice Settings
    • Stripe Connect
    • Matomo settings
      • Setting up a new Matomo Site
      • Using Matomo - an example
  • Producer and Product Properties
  • Managing Users
  • Groups
  • Translate in your own language
    • Common EN Translations
  • Set up your user guide
  • Setting up your 'About' page on wordpress
    • About the Divi theme & settings
    • Plugins
    • Layouts
    • Style guide
    • Content included in the OFN Divi pack
    • Tips, tricks & theme quirks
  • Creating your instance logo
  • Integrations and business intelligence
    • Embed a group page in an external website
    • Integrate OFN with Mailchimp
    • Create Automatic Invoices to Users
    • Create 'Find order by id' Action
    • Integrate OFN with Accounting Package
    • Send New Enterprises to Airtable as CRM
  • Tracking data using Matomo
    • Specificities of the OFN shared Matomo instance
    • Installing Matomo on your wordpress
    • Creating a Matomo funnel to track a specific user journey on the platform
    • Create a segment to analyze behaviour in Admin
    • How to set up events for tracking user behaviour - Mapping Matomo and code
  • Australian Instance Management
    • Recruitment
    • Onboarding
    • Happy team processes
    • Livelihoods model
  • Customer Support Resources
    • The Customer Support Role
    • Global Support Contacts
    • Access and Passwords
    • Using SuperAdmin
      • Tips for Speedier Navigation of Superadmin
      • Tips for Accessing an Enterprise Dashboard
      • Add Yourself as a Manager of an Enterprise
      • Delete an enterprise
      • Delete a user
    • Common Investigations (FAQs)
    • Shared Resources
      • How To Videos
      • Email Templates
        • New Producer Sign Up
      • Farmers Market Resources
    • Updating the User Guide
    • Contribute to this document
Powered by GitBook
On this page
  • RECOMMENDED IMAGE SIZES
  • STYLEGUIDE
  • TESTING
  1. Setting up your 'About' page on wordpress

Style guide

PreviousLayoutsNextContent included in the OFN Divi pack

Last updated 4 years ago

RECOMMENDED IMAGE SIZES

These are the recommended image sizes to use in this template:

Partner & Funder Logos

  • Image dimensions: width 580px x height 280px

  • Minimise white space around the logo so sizing is consistent when displayed with other logos.

  • If logo is to be displayed on the homepage under ‘Major Funders’, the logo will require a transparent background to allow for the pale green background to show through correctly.

STYLEGUIDE

The Divi Theme + UI setup houses most of the key ‘styles’ you’ll need for the sites. This includes:

  • Fonts (Oswald + Open Sans)

  • Colours (OFN brand colours inc. web versions)

  • Standard banner illustration w/gradient background

  • OFN logos (whichever ones I had access to)

Icons

  • General icons (ie. generic symbols as text)

    • A custom icon font has been added to the theme. Icons can be added/selected through the font selection dropdown in the Divi Builder (see below):

    • The full list of icons can be found here: (scroll down the page to the Complete Set and Unicode Reference Guide section)

  • OFN custom icons

Reduce your admin

Integrate & automate

Collaborate with others

Resource Library

Resources

Fair Food Forum

TESTING

I’ve tested as best as possible for Desktop/Tablet/Mobile presentation for all page templates/layouts however it’s important that content peeps also do this when adding/modifying pages!!

  • The Divi Visual Builder allows you to preview pages in Desktop/Tablet/Mobile. For the most part I’ve found this fairly reliable, however once you publish a page I recommend AT MINIMUM looking at the page from your phone + laptop/desktop in an incognito browser to make sure no presentation gremlins have crept in.

  • Here’s a screenshot of the Divi Builder page actions which appear at the bottom of the page inside the WP admin - the icons on the left hand side allow you to toggle/test the page responsiveness:

Your business, your branding

Monitor & understand

Online Shopfront

https://www.elegantthemes.com/blog/resources/elegant-icon-font