--- title: Editing Blocks Overview description: Editing Blocks Overview --- [Skip to content](https://success.ministrydesigns.help/editing-blocks-overview#main-content) English Show submenu for translations [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) [![MD Logo 1\_Black-2](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-2.png?width=200&height=73&name=MD%20Logo%201_Black-2.png)](https://ministrydesigns.com/) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) How can we help you? - There are no suggestions because the search field is empty. 1. [Ministry Designs Success Hub](https://success.ministrydesigns.help/) 2. [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega) 3. [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) # Editing Blocks Overview ### Edit a block 1\. The Block is a section with a premade design that you can [download](https://success.ministrydesigns.help/website-builder-how-to-download-blocks-and-pages-from-the-design-kit-library) and drag and drop onto the page. To access the Block settings, hover your mouse over the block border and click on **"Block**." ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/a6df33a1-d130-42ad-b05d-71773ebc43d5/ascreenshot.jpeg?tl_px=486,0&br_px=1369,493&force_format=jpeg&q=100&width=882&wat_scale=78&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=412,215) 2\. **Fluid** or **Fixed** Content width can be set for the Block. **100% Mode** - Fluid fills all section width **Fixed Mode** - Fixed width is adjusted in pixels in the **Design \> Size and Value \> Grid Settings \> Fixed Row Width section.** ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/80ddc68b-89ae-43cf-be23-b81311d0f70a/ascreenshot.jpeg?tl_px=1038,68&br_px=1921,561&force_format=jpeg&q=100&width=882&wat_scale=78&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=631,218) 3\. **"Side Indents"** adds some space to the right and left. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/d3153eaa-bb51-4262-abeb-9e9a18a60d50/ascreenshot.jpeg?tl_px=1139,278&br_px=1921,715&force_format=jpeg&q=100&width=782&wat_scale=69&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=570,193) 4\. The **"Sticky"** option makes this Block and all included elements stationary on the screen when scrolling through the page preview on desktop and tablet. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/6ac4b303-e96a-4fd3-ae35-5840eb546e32/ascreenshot.jpeg?tl_px=1218,337&br_px=1920,730&force_format=jpeg&q=100&width=702&wat_scale=62&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=473,173) 5\. **"Sticky on Mobile"** mode makes this Block sticky on mobile devices. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/ac573147-a926-49b6-83cf-f1e23cebefca/ascreenshot.jpeg?tl_px=1337,408&br_px=1921,733&force_format=jpeg&q=100&width=583&wat_scale=52&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=439,144) 6\. **The spacing** option configures Top and Bottom Spacing. The **Adjust to Fit the Screen Height** option stretches the block area to fill the entire screen height. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/dda43690-3dfd-4ef8-85b3-339024a1f78d/ascreenshot.jpeg?tl_px=1218,331&br_px=1921,724&force_format=jpeg&q=100&width=702&wat_scale=62&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=532,265) 7\. Go to the **"Design"** tab to edit the block design. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/b645a8c2-da3a-45c8-aabb-7b6648265372/ascreenshot.jpeg?tl_px=1283,31&br_px=1920,388&force_format=jpeg&q=100&width=637&wat_scale=56&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=514,157) 8\. You can choose a **Color** from Color Palette for this Block Background. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/c7425ab9-669c-4f83-af98-0919808600d2/ascreenshot.jpeg?tl_px=1218,132&br_px=1920,525&force_format=jpeg&q=100&width=702&wat_scale=62&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=472,173) 9\. Alternatively, you add a Background Image. Click "+" to select an image from the Media Library. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/150804f4-f361-4b36-ba71-fa3fe8bebaa2/ascreenshot.jpeg?tl_px=1218,121&br_px=1921,514&force_format=jpeg&q=100&width=702&wat_scale=62&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=634,226) 10\. **Image Size** controls how the image fits within the container: - **Original** – Displays the image at its original size. - **Cover** – Scales the image to fully cover the container while maintaining the aspect ratio. - **Contain** – Scales the image to fit within the container without cropping. **Image Tile** determines how the image repeats: - **Don't Repeat** – Displays the image once. - **Repeat** – Tile the image both horizontally and vertically. - **Repeat X** – Tile the image horizontally. - **Repeat Y** – Tile the image vertically. Lastly, specify the **Position** of the image. Use arrows or squares to set the position. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/39a8d9d5-5ff6-4492-a66c-f65d2f5db1d2/screenshot.jpeg?tl_px=1117,333&br_px=1919,780&force_format=jpeg&q=100&width=801)   **Image Tile** does not work with **Cover** because Cover scales the image to fully cover the Block, leaving no space for tiling. It only works with **Original** and **Contain** where excess space remains. 11\. Specify the Fixed or Parallax effect for the Background Image. The **Fixed** effect keeps the background image stationary while scrolling, creating a sense of depth. The **Parallax** effect makes the background image move at a different speed than the foreground content when scrolling, creating a dynamic, 3D-like effect. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/a1c6e1d2-e538-4957-bc84-ddf08b71c888/screenshot.jpeg?tl_px=1200,441&br_px=1917,843&force_format=jpeg&q=100&width=718) 12\. You can set a **Background Video** instead of the Background Image. To make the video background cross-browser compatible, both video formats **.mp4** and **.webm** should be used. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/bf7a49a1-a11c-4a44-a927-3b2fc368ba84/ascreenshot.jpeg?tl_px=1139,406&br_px=1921,843&force_format=jpeg&q=100&width=782&wat_scale=69&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=668,94) 13\. Select the **"Loop"** checkbox if you need the Background Video to be looped. Click "Save" in the top right corner to confirm the changes. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-02-15/9269a525-f5f1-4a85-84a5-fb134498cfc2/ascreenshot.jpeg?tl_px=1218,450&br_px=1921,843&force_format=jpeg&q=100&width=702&wat_scale=62&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=501,271) - [Account](https://success.ministrydesigns.help/account) - [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega#main-content) - [Next-Steps Framework](https://success.ministrydesigns.help/sites-formerly-omega#next-steps-framework) - [Video Guides](https://success.ministrydesigns.help/sites-formerly-omega#video-guides) - [Site Builder Profile Settings](https://success.ministrydesigns.help/sites-formerly-omega#site-builder-profile-settings) - [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) - [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) - [Media Library](https://success.ministrydesigns.help/sites-formerly-omega#media-library) - [Extensions](https://success.ministrydesigns.help/sites-formerly-omega#extensions) - [Blog](https://success.ministrydesigns.help/sites-formerly-omega#blog) - [Events](https://success.ministrydesigns.help/sites-formerly-omega#events) - [Small Groups](https://success.ministrydesigns.help/sites-formerly-omega#small-groups) - [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) - [Settings](https://success.ministrydesigns.help/sites-formerly-omega#settings) - [SEO](https://success.ministrydesigns.help/sites-formerly-omega#seo) - [Website Management](https://success.ministrydesigns.help/sites-formerly-omega#website-management) - [FAQ](https://success.ministrydesigns.help/sites-formerly-omega#faq) - [illume for Church Members](https://success.ministrydesigns.help/illume-for-church-members#main-content) - [Signing Up](https://success.ministrydesigns.help/illume-for-church-members#signing-up) - [Giving](https://success.ministrydesigns.help/illume-for-church-members#giving) - [illume for Church Administration](https://success.ministrydesigns.help/illume-for-church-administration#main-content) - [Getting Started](https://success.ministrydesigns.help/illume-for-church-administration#getting-started) - [Managing Your Account](https://success.ministrydesigns.help/illume-for-church-administration#managing-your-account) - [Using People](https://success.ministrydesigns.help/illume-for-church-administration#using-people) - [Using Giving](https://success.ministrydesigns.help/illume-for-church-administration#using-giving) [![MD Logo 1\_Black-3](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-3.png?width=200&height=73&name=MD%20Logo%201_Black-3.png "MD Logo 1_Black-3")](http://ministrydesigns.com) 15 Carlyle St Floor 2, Battle Creek, Mi 49017 [mailto:email@email.com](mailto:email@email.com) Copyright © 2025,