♥️
City Leader Resources
  • Welcome!
  • Previous City Leader Meetings
  • City Leader Resources
    • City Leaders Manual
    • LOC Style Guide
    • Building a Great Team
    • Sponsors (Event & Annual)
    • Legal
      • DBA's & Sponsoring Org
      • Tips to Setting Up a 501c3
        • Bylaws and Governance
      • Insurance
      • Waivers
  • Volunteer Day Resources
    • Volunteer Day Checklists
    • Festivities & Kick Off Info
    • Event Promotion
    • Event Banners
    • Post-Event Email
    • Volunteer Day Video
    • Love (your city name) Vehicle
    • Big Red Costume
  • Project Ideas
    • Project Ideas
  • Marketing & Media Ideas
    • Tips & Tricks to Social Media
    • Personalized City Merchandise
    • Sponsor Thank You
    • Social Media Posts
    • Social Media Tips from
  • Initiative Partners
    • Year-Round Involvement Network
  • Website Reference
    • Website Refresh Video
    • Youtube Tutorials
    • Getting Started
      • Adding Your 1st Event & Project
      • Assigning Volunteers to Project
    • Admin Portal
      • Project Leader Tutorial
      • Contacts
        • Resetting User's Password
      • Emailing & Texting
      • Suggested Projects
      • Events
      • Sponsors
      • Settings
      • Projects
    • Understanding User Roles
    • Front-End Website
      • Updating Site Information
      • Assigning Key Pages
      • Adding a Page
      • Modules
      • Adding a Custom Form
      • The Content Builder
      • Managing your Theme
        • Page Options
        • Menus & Mega Menu
        • Page Templates
        • Layout
          • Header Layouts
          • Content Layouts
          • Footer Layouts
        • Header Layout
        • Theme Options
      • Love our Cities Modules
      • Resetting User's Password
Powered by GitBook
On this page
  • Add Content block
  • Text Editor
  • Quick Setup Icon
  • Cropping images
  • Box Settings
  • Multiple Column Layout
  • Set Lightbox
  • Image (Lightbox)
  • YouTube Video (Lightbox)
  • Vimeo Video (Lightbox)
  • HTML5 Video (Lightbox)
  • Google Map (Lightbox)
  • Lightbox Group
  • Content (Lightbox)
  • Save Section
  1. Website Reference
  2. Front-End Website

The Content Builder

Content Builder is a powerful and intuitive page editor with minimum complexity. Beautiful websites can be quickly created by simply selecting and dragging & dropping, without any code.

PreviousAdding a Custom FormNextManaging your Theme

Last updated 2 years ago

The Default Template of your website includes the Content Buidler module. Here is how to add the module in case called "DNNGo.Content Buidler"

Login to your site with the administrator account, add the DNNGo Content Builder module to a full width pane. Click the ‘+’ symbol on the left of the control panel, or click the ‘Click to add content’ in the module. Then select a section area in the pop-up box to be added to a page. Please check the following video to know more detailed usage steps.

Add Content block

There are 180 predefined content blocks included in this theme, and you can add elements to sections just simply by clicking or dragging & dropping. Please check the following video to know more detailed usage steps.

Text Editor

This theme includes a feature-rich WYSIWYG editor. Please check the following video to know more detailed usage steps.

Quick Setup Icon

This theme integrated Font Awesome 5, Linearicons and Animation icon, you can choose to use them quickly through the editor. Please check the following video to know more detailed usage steps.

Cropping images

You can quickly crop images with the editor. Please check the following video to know more detailed usage steps.

Section Settings

Please check the following video to know usage steps.

Box Settings

You can set background image, content width, font color and etc. for section areas. Please check the following video to know usage steps.

Multiple Column Layout

Please check the following video to know usage steps.

Set Lightbox

You can set lightbox for images and links. When clicking images or links, images, videos or maps will be displayed as lightbox. Please check the following video to know usage steps.

Image (Lightbox)

First, please set the Link Type to be Image (Lightbox), then enter an image URL in the Image URL, or upload an image.

YouTube Video (Lightbox)

Please set the Link Type to be YouTube Video (Lightbox), then enter a video URL in the YouTube URL. For instance: https://www.youtube.com/embed/AkcUoA2f-jU, ‘AkcUoA2f-jU’ is the video ID, and you can use your own video ID instead.

Vimeo Video (Lightbox)

Please set the Link Type to be Vimeo Video (Lightbox), then enter a video URL in the Vimeo URL. For instance: https://player.vimeo.com/video/106249100, ‘106249100’ is the video ID, you can use your own video ID to replace it.

HTML5 Video (Lightbox)

You need to set the Link Type to be HTML5 Video (Lightbox), then enter a video URL in the HTML5 URL. Please note the video format has to be MP4.

Google Map (Lightbox)

You need to set the Link Type to be Google Map (Lightbox), then input a map URL in the Google Map URL. Such as:

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.4180044887703!2d-73.99952068428715!3d40.730826844399864!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25990e23d7e8d%3A0xfa615edfd1b67e18!2sWashington%20Square%20Park!5e0!3m2!1sen!2sus!4v1575362448308!5m2!1sen!2sus

Lightbox Group

You can link multiple images to the same lightbox.

Content (Lightbox)

You can set lightbox for the HTML content.

Save Section

You can save the created page content as a section. Please check the following video to know usage steps.