{"id":1362,"date":"2026-08-22T20:56:06","date_gmt":"2026-08-22T20:56:06","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=1362"},"modified":"2026-08-22T21:20:24","modified_gmt":"2026-08-22T21:20:24","slug":"snapping-smart-guides","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/layout-tools\/snapping-smart-guides\/","title":{"rendered":"Snapping &#038; Smart Guides"},"content":{"rendered":"<div style=\"color: #2b2b2b;\">\n<h2 class=\"western\"><span style=\"color: #007670;\">Snapping &amp; Smart Guide<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1381 alignright\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnappingAndSmartGrids.webp\" alt=\"\" width=\"57\" height=\"57\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnappingAndSmartGrids.webp 930w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnappingAndSmartGrids-300x300.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnappingAndSmartGrids-150x150.webp 150w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnappingAndSmartGrids-768x768.webp 768w\" sizes=\"auto, (max-width: 57px) 100vw, 57px\" \/><\/span><\/h2>\n<p class=\"western\">Open Publisher provides three independent snapping systems and a smart alignment guide system to help you position elements with precision. Each can be controlled separately to suit your workflow.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Snapping Modes<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1365\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-22-215525.png\" alt=\"Snapping Modes\" width=\"266\" height=\"219\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-22-215525.png 612w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-22-215525-300x247.png 300w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/span><\/h3>\n<p class=\"western\">Three snapping modes can be toggled individually:<\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Snap to Grid &#8211;<\/strong> Elements snap to an invisible pixel grid as you drag.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Snap to Guides &#8211;<\/strong> Elements snap to the margin guide lines.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Snap to Objects &#8211;<\/strong> Elements snap to the edges and centres of other elements on the page.<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"western\">To manage snapping, use the <strong>Snap To<\/strong> dropdown in the <strong>View<\/strong> tab, the <strong>Text Box Tools<\/strong> ribbon, or the <strong>Picture Tools<\/strong> ribbon. You can also right-click the canvas and toggle snapping options from the context menu.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Temporarily Bypassing Snapping<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1372\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TempBypassSnapping.webp\" alt=\"Temporarily Bypassing Snapping\" width=\"98\" height=\"103\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TempBypassSnapping.webp 427w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TempBypassSnapping-287x300.webp 287w\" sizes=\"auto, (max-width: 98px) 100vw, 98px\" \/><\/span><\/h3>\n<p class=\"western\">Hold <span style=\"font-family: Courier New, monospace;\">Ctrl<\/span> while dragging to temporarily bypass grid snapping without toggling the setting off. This is the most efficient way to place something between grid positions without changing your snapping configuration.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Snap Tolerance<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1375\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnapTolerance.webp\" alt=\"Snap Tolerance\" width=\"98\" height=\"104\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnapTolerance.webp 416w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SnapTolerance-284x300.webp 284w\" sizes=\"auto, (max-width: 98px) 100vw, 98px\" \/><\/span><\/h3>\n<p class=\"western\">The magnetic pull distance for <strong>Snap to Guides<\/strong> and <strong>Snap to Objects<\/strong> is set to 8 pixels.<br \/>\nThis provides a subtle and predictable snap feel that matches professional desktop publishing software.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Smart Grid Prompt<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1377\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SmartGridPrompt.webp\" alt=\"Smart Grid Prompt\" width=\"98\" height=\"95\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SmartGridPrompt.webp 420w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SmartGridPrompt-300x292.webp 300w\" sizes=\"auto, (max-width: 98px) 100vw, 98px\" \/><\/span><\/h3>\n<p class=\"western\">If you turn off <strong>Snap to Grid<\/strong> while the visual grid overlay is currently visible, a dialog intelligently asks if you also want to hide the visual grid to clear up your workspace &#8211; so you are never left with a grid overlay that serves no purpose.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Smart Guides (Alignment Lines)<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1368\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-22-215717.png\" alt=\"Smart Guides (Alignment Lines)\" width=\"262\" height=\"201\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-22-215717.png 615w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-22-215717-300x231.png 300w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/span><\/h3>\n<p class=\"western\">When you drag any element on the canvas, Smart Guides appear as semi-transparent teal lines indicating when the element is aligned with the edges or centres of other elements on the page.<\/p>\n<p class=\"western\">Smart Guides use a smooth fade-in and fade-out transition rather than abruptly flashing on and off, preserving high responsiveness while eliminating visual flicker. The guide colour is a soft, semi-transparent teal &#8211; visible enough to be useful but not heavy enough to overpower your design.<\/p>\n<p class=\"western\">Smart Guides work <em>alongside<\/em> the snapping system, not instead of it. Snapping \u201cpulls\u201d the element to the alignment point; Smart Guides show you where that alignment point is.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Snapping &amp; Smart Guide Open Publisher provides three independent snapping systems and a smart alignment guide system to help you position elements with precision. Each can be controlled separately to suit your workflow. Snapping Modes Three snapping modes can be toggled individually: Snap to Grid &#8211; Elements snap to an invisible pixel grid as you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1381,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[20],"class_list":["post-1362","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-layout-tools"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=1362"}],"version-history":[{"count":16,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1362\/revisions"}],"predecessor-version":[{"id":1387,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1362\/revisions\/1387"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/1381"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=1362"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}