> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.blab.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Canvas Actions and Options This functionality allows you to customize your site efficiently, whether you're moving elements, adjusting settings, or adding new content. With intuitive drag-and-drop features and quick access to editing tools, you can create a versatile and engaging website with ease. **Note** For an overall editor overview, see [Editor Overview](https://intercom.help/book-like-a-boss/en/articles/10323348-editor-overview). For widget specific information, see [Widgets: Library and Overview](https://intercom.help/book-like-a-boss/en/articles/10353857-widgets-library-and-overview). # Context Menus Everything in the editor has the option to open up a context menu. To open the context menu, right-click any widget or space in the editor. Example context menu: [![](https://storage.crisp.chat/users/helpdesk/website/-/b/6/4/9/b649025a6f01d000/f7ef9bee-d585-489b-b13d-ba2320_1yll52m.png)](https://downloads.intercomcdn.com/i/o/h5estzhi/1317823447/a261c6a9ed8683e7740dc7b3d5cf/28694430352663?expires=1767713400&signature=959a3c94b7c85525818d7962a4567f6a53da5d96a2ff8eef1d61e2f68cfbc876&req=dSMmEcF8noVbXvMW1HO4zbEWpF%2Bh%2FXbsw6Eu4RFnXvynkl8D1wddkmVM6oKS%0AhdyQPc2%2Fxcx9LJX6uVM%3D%0A) # Anchor Tags and Links Anchor links let you send visitors to a specific sections of the page, making it easier for them to get from place to place on a longer page or to a specific section that you would like to reference. Anchor links are very useful for letting users skip past content that may not apply to them, keeping them focused on what is important to them. **Note** Anchors cannot be added to content in the footer or header. While anchors can be added to dynamic pages, they can only be linked to from within the same dynamic page. For example, if an anchor is added to an element on a dynamic page, you won’t be able to link to it from the homepage (it won't show as an option). # Add Anchors To add an anchor on your page: 1. Right-click an element to open the context menu. 2. Click **Set As Anchor**. 3. Type an **Anchor Name**. To add the anchor to the site's navigation, select **Add to Site Navigation** (by default, this option will be checked; un-check it to prevent it from being added to the site navigation). The option, **Add to Site Navigation**, won't be available for dynamic pages. 4. Click **Add**.​ **Note** If an anchor is added to site navigation, it will appear in the list in the **Pages** area located in the side panel. For information on managing it in the **Pages** area, see [Pages](https://intercom.help/book-like-a-boss/en/articles/10343585-pages). [![](https://storage.crisp.chat/users/helpdesk/website/-/a/b/f/f/abff87156b56e800/62552308-788d-4cf3-988e-345c4c_2g1ui8.gif)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318200684/6a6cb38c9f5db3bd032bd353e1c3/28694407606295?expires=1767713400&signature=d1a831e9d7d8c31b814a673deb671d7a59a557c08d9177e07da27e91230d437f&req=dSMmHst%2BnYdXXfMW1HO4zeCgD73KU3wpMP68lY7khLZcNxcQwN40HyeRWX9l%0AtVWHaFRqMG1qJ30qQ%2F4%3D%0A) # Link to an Anchor To add a link to an existing anchor: 1. When creating a text or button link, select the **Anchor** option (located in the link picker that opens when adding a link) 2. Select the page the anchor is on, and select the anchor from the drop-down. [![](https://storage.crisp.chat/users/helpdesk/website/-/2/c/9/a/2c9a4befde245a00/ad8bc18a-f427-45ef-a6e8-42552f_12gtjfg.png)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318201230/58f847828c15d055134a3d330469/28694416136215?expires=1767713400&signature=0d6475813f0a32f766562c229a52fe1fe871d2e1c39fa5f8646802a6378147eb&req=dSMmHst%2BnINcWfMW1HO4zaNwhCznUQuGu4E%2FHNNbGk9xqmW6DNRUSYuKypws%0AWe4IjX72hvxAAni5st4%3D%0A) **Note** For more information on the link picker, see [Link Picker](https://intercom.help/book-like-a-boss/en/articles/10353961-link-picker). # Delete or Edit an Anchor To delete or edit an existing anchor: 1. Right-click widget or row with the anchor to open the context menu. 2. Click the gear icon, then select **Edit Anchor**. 3. Click **Delete anchor** or edit the anchor as necessary. 4. If you edited the anchor, click **Update** to apply the changes. **Warning** If an anchor in the site navigation (located in the **Pages** area of the side panel) has sub-pages, deleting the anchor will also delete the sub-pages. [![](https://storage.crisp.chat/users/helpdesk/website/-/5/e/8/a/5e8acdc8530f8400/64646b14-c87d-480a-9984-213a82_4e6wvx.gif)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318202412/095e0909fcec991111b6b551f234/28694436250647?expires=1767713400&signature=d7a2b2cf59671be74ffb07e13f972750b3ca7b5bedc00a40e947f7e97d45ad8a&req=dSMmHst%2Bn4VeW%2FMW1HO4zdWtU39Ek%2FBNJ55xXnoOngf1s%2FvjStG%2FIorVqXOc%0AJ%2B45B9V3FggN9J9zllk%3D%0A) # Floating Menu Bar **Note** This information is specific to the Editor 2.0, formerly known as the All-Flex Editor. To identify your current editor version, see [How to Identify the Editor Version Your Site Uses](https://intercom.help/book-like-a-boss/en/articles/10325791-how-to-identify-the-editor-version-your-site-uses). Elements in Flex sections and Editor 2.0 have floating menu bars that offer different options depending on the widget or element. The floating menu can also be used when trying to select a prior level layer (for example, if you click on a column, you can only select the section layer. The top layer is a section, followed by a column, then an element, and so on). Example floating menu: [![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/4/6/c54612192a73d800/e27d984f-cc0a-40bb-964c-29642b_1eva8n3.png)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318203033/88bbaca74975f1716cf8dca356d3/28694430680215?expires=1767713400&signature=deb785c5f7dbf2b234ca606a2368a84ede0563176107c3af4e6be4e2a658cb8b&req=dSMmHst%2BnoFcWvMW1HO4zczlj5tzff%2FshCLDxTEgRc8Wob1BLehPYfAYFsrL%0A3XukfuNOGLBL%2FS%2Bw7bs%3D%0A) To select a prior layer, click on an element to bring up the floating bar, then hover on the element's name (it should expand to show its prior layers), and click on the desired layer. [![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/3/c/e63c9591c7cd8000/e8f0b698-eed0-4484-b59a-340026_1xpwwvr.gif)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318203235/2ecf2fc2f9d916be757b2195c481/28694430764823?expires=1767713400&signature=dd05d3877f15feac1f1257ee57f907e85b2bbed99ab5809b3985167fa8265660&req=dSMmHst%2BnoNcXPMW1HO4zZDbfLTIdiHwLPlfmKO8w%2FCNrEkQPPCMNpJa78o5%0AtDE4fKbiesNUaYHabdM%3D%0A) **Note** For detailed information on Editor 2.0 options, see [Design with Flex](https://intercom.help/book-like-a-boss/en/articles/10341631-design-with-flex). # Select Container or Layer If you are having trouble selecting a container (column or row) in the editor, click a widget and click **Select Container** when in Classic Editor to select the Column or Row. In Editor 2.0, click **Select Layer** to select the Column or Section. # Clear Padding **Note** This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see [How to Identify the Editor Version Your Site Uses](https://intercom.help/book-like-a-boss/en/articles/10325791-how-to-identify-the-editor-version-your-site-uses). To remove extra space around columns or rows in your site, click **Clear Padding**. This is useful if you are trying to tighten up the space around your content. # Copy and Paste You can copy any widget or container and paste it anywhere else on your site. **Note** While this only works on your site, you cannot paste widgets or containers to other sites, the Team Section feature may be a good alternative. For more information, see [Custom Sections](https://intercom.help/book-like-a-boss/en/articles/10391835-custom-sections). # Rearrange Elements Some elements, such as rows, sections, and columns, right-click the element, and then click the navigation arrows at the top of the context menu. **Note** * Not all elements will have this option. * Changes may affect other devices. It is recommended to review the other devices after making changes. # Rearrange Widgets To rearrange widgets, click and drag them to another column or row in your site. Once you click to drag, a blue box will indicate where it will be placed after letting go of your mouse. # Snap to Align **Note** This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see [How to Identify the Editor Version Your Site Uses](https://intercom.help/book-like-a-boss/en/articles/10325791-how-to-identify-the-editor-version-your-site-uses). While resizing elements within the same column, the editor attempts to Snap to Align them to be the exact same size. You will notice that as you resize, the widget will jump ahead or behind to snap to location. This should make it easier to make elements the exact same size. ​ # Snap to Grid **Note** This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see [How to Identify the Editor Version Your Site Uses](https://intercom.help/book-like-a-boss/en/articles/10325791-how-to-identify-the-editor-version-your-site-uses). The Snap to Grid system can help you lay elements in the pages of your site with professional precision. This system allows you to align elements horizontally and vertically within columns and rows. Rulers appear when moving an element in its row or column, or when resizing the element. The aligned elements are marked with a colored border. An element may be aligned to more than one other element, depending on the specific use-case. **Note** Alignment is supported by the views of the three different devices (desktop, tablet, mobile). # Resize Widgets and Containers **Note** This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see [How to Identify the Editor Version Your Site Uses](https://intercom.help/book-like-a-boss/en/articles/10325791-how-to-identify-the-editor-version-your-site-uses). You can resize most widgets and containers by hovering your mouse over them and interacting with the *handles* around the widget or container. The white *handles* add margins, either vertical or horizontal, to move an element. The blue *handle*, located in the lower right, resizes the element. ​ **Move element** [![](https://storage.crisp.chat/users/helpdesk/website/-/f/f/2/7/ff27a37c7df80000/c70f49b8-00c8-49e9-9d44-6e5a8e_bgax8l.png)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318206950/311cb6267d21f46c4ce2ae6fd9ce/28694420929943?expires=1767713400&signature=07a4875c660405aaf03c75529f34583aea7cb667dc012a6b1b683fd8456fc52f&req=dSMmHst%2Bm4haWfMW1HO4zb7HxNJ1NR%2BgcFU7tNCZSSY0jdbkK342Kygfzdwk%0AzsuteWrQYEYw49iM9Nc%3D%0A) **Resize element** [![](https://downloads.intercomcdn.com/i/o/h5estzhi/1318207086/eebbdc3d878eeed829e180da7385/28694436622743?expires=1767713400&signature=a3ff7364cd985ae4c670cee19ba348448c9864d510c882c6e014078853050310&req=dSMmHst%2BmoFXX%2FMW1HO4zdR0k%2Fx28cLaVmfvyvT9jQnrPOsKgVrOr2IzIy4w%0AWABvOtX1%2FXcbR9yaoeo%3D%0A)](https://downloads.intercomcdn.com/i/o/h5estzhi/1318207086/eebbdc3d878eeed829e180da7385/28694436622743?expires=1767713400&signature=a3ff7364cd985ae4c670cee19ba348448c9864d510c882c6e014078853050310&req=dSMmHst%2BmoFXX%2FMW1HO4zdR0k%2Fx28cLaVmfvyvT9jQnrPOsKgVrOr2IzIy4w%0AWABvOtX1%2FXcbR9yaoeo%3D%0A)