• The Help Site logo

  • Contact
    • The Basics
      • Logging In and Out
      • Document Tree
      • Navigation & logo
      • Quick Actions Menu
      • Footers
      • Fonts
    • Website Design & Layout
      • The Wrapper: Start Here
      • Primary Navigation
      • Footers
      • Social Icons
      • Facebook Sharing Image
      • Button colors, shapes
      • Sidebar Additions
      • Logos
      • Menubar
      • Code (eg. Google Analytics)
    • How to...
      • The Document Tree
      • Create a Page
      • Choosing a Template
      • Basic Page Layout
      • Editing a Page
      • Adding Content: Text
      • Styling text: Blockquotes
      • Adding Content: Images
      • Cropping & Resizing Images
      • Adding Content: Links & PDFs
      • Adding Content: Video
      • Viewing a page
      • Page Commands: Move, Hide, Delete
      • Feeds: Blog, Events, News, Logos
      • META Data
      • Add code to the template (Google Analytics, etc.)
      • PDF Viewable Page
      • Sitewide Navigation: Create & Change
      • Dropdowns and Page Nav: Moving things around
    • Page and Page Top Displays
      • Page top video or photos
      • Utility items: Anchors
      • Accordions
      • Code Blocks
      • Headings or Text
      • Image
      • Image Strip
      • Lists with Icons
      • Nav Bar
      • Overlay Block
      • Photo and copy
      • Utility items: Spacers
      • Sliders and Carousels
      • Tabbed Content
      • Text and/or Button
    • The Content Grid
    • Content Features
      • Blogging
      • Events Calendar
      • Media
      • Galleries
      • News
      • Priorities
      • Publication Library
      • Staff Section
  • The Basics
    • Logging In and Out
    • Document Tree
    • Navigation & logo
    • Quick Actions Menu
    • Footers
    • Fonts
  • Website Design & Layout
    • The Wrapper: Start Here
    • Primary Navigation
    • Footers
    • Social Icons
    • Facebook Sharing Image
    • Button colors, shapes
    • Sidebar Additions
    • Logos
    • Menubar
    • Code (eg. Google Analytics)
  • How to...
    • The Document Tree
    • Create a Page
    • Choosing a Template
    • Basic Page Layout
    • Editing a Page
    • Adding Content: Text
    • Styling text: Blockquotes
    • Adding Content: Images
    • Cropping & Resizing Images
    • Adding Content: Links & PDFs
    • Adding Content: Video
    • Viewing a page
    • Page Commands: Move, Hide, Delete
    • Feeds: Blog, Events, News, Logos
    • META Data
    • Add code to the template (Google Analytics, etc.)
    • PDF Viewable Page
    • Sitewide Navigation: Create & Change
    • Dropdowns and Page Nav: Moving things around
  • Page and Page Top Displays
    • Page top video or photos
    • Utility items: Anchors
    • Accordions
    • Code Blocks
    • Headings or Text
    • Image
    • Image Strip
    • Lists with Icons
    • Nav Bar
    • Overlay Block
    • Photo and copy
    • Utility items: Spacers
    • Sliders and Carousels
    • Tabbed Content
    • Text and/or Button
  • The Content Grid
  • Content Features
    • Blogging
    • Events Calendar
    • Media
    • Galleries
    • News
    • Priorities
    • Publication Library
    • Staff Section
Contact
The Help Site

Creative Consulting • Design for People • Smarter Programming • Global Publishing • Contact: Holly@HollyWorks.com
Digital publishing by Boilerplate Books | Privacy Policy & Accessibility | Southern Maine | ProcessWire Made Easy: Tutorials

BoilerPlate Books, LLC | Holly Valero | HollyWorks Web Design | LinkTr.ee

Code Blocks

Code Blocks are an easy way to add embeddable items like video or maps to your web pages

  1. Click the link to add a code block - you can have as many or as few as you like...
  2. For a full edge-to-edge display, turn off padding
  3. Select your height
  4. Add your content. For Google Maps, once you paste in your map code, edit that code to match the map height to your block height, and change the width to 100% - and save
  5. this block can also be zero height for items that need to be included but have no visual. 

The Help Site

Creative Consulting • Design for People • Smarter Programming • Global Publishing • Contact: Holly@HollyWorks.com
Digital publishing by Boilerplate Books | Privacy Policy & Accessibility | Southern Maine | ProcessWire Made Easy: Tutorials

BoilerPlate Books, LLC | Holly Valero | HollyWorks Web Design | LinkTr.ee