1. Tithely
  2. Help Center
  3. Sites
  4. Content
  5. Blocks

Add and Edit Blocks on Sites

Updated:

You can customize the layout of most any page on your website using blocks (no coding knowledge required)! 🎉

Block Types

Below is a list of Blocks available and each block type also has several layout options.

  • Text with Photo

  • Image Links

  • Gallery

  • Video

  • Events

  • News

  • Podcast (sermons)

  • Blogs

  • People/User (staff)

  • Icons

  • Contact Form

  • Map

  • Giving (available only to Tithe.ly Giving customers)

  • Testimonials

  • Legacy

How To Add a Block

  1. Login to your Tithely Site.

  2. Navigate to the page you'd like to add your block.

  3. Click the '+' add block button, located on the left-hand side.

  4. Select the block type and a block will be added to your site.

  5. Customize block content by clicking the edit pencils to edit content (controls appear as you hover over block element).

  6. Change the style or layout of the block by clicking Edit Block which is on the top right of the block.

     

Tabs Within the Edit Controls (Dependant on Block Type):

  1. Style

    • Overlay color and opacity

    • Height

    • Vertical Padding

    • Width Contained or Full-Width

  2. Background

    • Image

    • Video (no sound)

    • Image Slideshow with Speed, Arrows, and Dot Opacity

  3. Layout

    • Overlay Color and Opacity

    • Height

    • Layouts

  4. Fonts

    • Heading and Subheading Fonts and Text

    • Button Labels and Links

  5. Buttons 

    • Size and Color

  6. Icons

    • Color

    • Size

    • Shape

  7. Settings

    • Published on/off

    • Display settings (visible on mobile, desktop, tablet)

    • Delete Block

    • Reorder Blocks on Page

How to Clone a Block

Cloning Blocks will allow you to clone a block to the same page. Please note, you cannot clone or paste a block to a separate page. 

  1. Login to your Tithely Site.
  2. Navigate to the page the block you'd like to clone is on. 
  3. Click the Edit Block button at the top right corner of the block. 
  4. Select Settings (Gear Icon). 
  5. Click Clone Block. A pop-up will appear asking, 'Are you sure you want to clone this block?', click OK.
    Screen Shot 2022-09-21 at 11.07.22 AM.pngThe block will be cloned on the same page, directly below the original block. You can re-order your blocks at any time.

How To Change a Block Layout

Every block type has different layout options. 

  1. Click the Edit Block icon in the top right of the block 

  2. Select Layout of choice from Layout tab and click Set Layout

     

How To Re-Order Blocks

  1. Click the Edit Block icon in the top right of the block.
  2. Click the Settings (gear icon) tab, and click Re-order blocks.
  3. On the Re-order Blocks page, drag and drop your blocks to re-order them. 
    Tithely Tip: Leave your Page Content section at the bottom of the page. 
  4. Click Done Re-ordering to save.

How To Remove a Block

To remove a block, simply click the Edit block.

  1. Click the Edit Block icon in the top right of the block.

  2. Click the Settings (gear icon) tab, and click Delete.

 

How To Add Additional Elements to a Block

For example, the Icon Block by default has 3 icons across, simply click the 'Add element' button to add more icons to the block.

 

Overview Video of Blocks

Can't Add Blocks? Activate Site Design

You must activate Site Design to use Blocks on your website. To activate Site Design, Click the Admin Menu and select Design. Then click Activate Site Design. 
Screen Shot 2022-09-01 at 11.27.54 AM.png

User Permissions needed to access Sites
Account Owner, Admin, Limited Acess User with permissions granted for Sites, or Admin Permissions granted directly on the Tithely Site. If you have additional questions, please reference this article.

Articles in this section