Add and Edit Blocks on Sites

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 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 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, or an Admin profile on the Tithely Site with direct login. Limited Access users will not have site access if permissions are only granted in the Tithely Dashboard. Limited Access users need to also be added to the site directly as an admin. If you have additional questions, please reference this article.

Was this article helpful?
0 out of 0 found this helpful