--- title: "Guide Creator: Creating and Editing Custom Guide Covers" description: Create and customize your guide covers inside the AF Editor. You can create and customize your Buyer/Seller guide covers within the AF Editor. Without further ado, let's get into the instructions! Fir --- [Skip to content](https://support.agentfire.com/en/articles/creating-custom-guide-covers#main-content) English Show submenu for translations [More support](https://support.agentfire.com/en/kb-tickets/new) ![color\_inverted@4x](https://support.agentfire.com/hs-fs/hubfs/color_inverted@4x.png?width=200&height=77&name=color_inverted@4x.png) Open main navigation Close main navigation - English Show submenu for translations - [More support](https://support.agentfire.com/en/kb-tickets/new) How can we help? - There are no suggestions because the search field is empty. 1. [AgentFire Help Desk](https://support.agentfire.com/en) 2. [Site Tools](https://support.agentfire.com/en/site-tools) 3. [Guide Creator](https://support.agentfire.com/en/site-tools#guide-creator) # Guide Creator: Creating and Editing Custom Guide Covers Create and customize your guide covers inside the AF Editor. You can create and customize your Buyer/Seller guide covers within the AF Editor. Without further ado, let's get into the instructions! [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio114701663a7da1e5c805c8f3fb131b959blue-bar.png)](https://downloads.intercomcdn.com/i/o/114701663/a7da1e5c805c8f3fb131b959/blue-bar.png?expires=1620918000&signature=ff6c76b7b557261364af267f1750f309cb07f108b5520d80a5d17a553f8280c4) First, in your admin dashboard on the left side of your screen, navigate to **Site Tools \> Guide Creator \>** select **Guide Covers**. [![Screen Shot 2024-10-17 at 11.19.09 AM](https://support.agentfire.com/hs-fs/hubfs/Screen%20Shot%202024-10-17%20at%2011.19.09%20AM.png?width=688&height=288&name=Screen%20Shot%202024-10-17%20at%2011.19.09%20AM.png)](https://downloads.intercomcdn.com/i/o/779446085/b9b10c7bd75079275b13448b/image.png) In the Guide Covers section, you will be able to see **all the existing guide covers**, as well as **duplicate, add new, edit, or delete.** ***NOTE: You can only DELETE newly added covers. Default Buyer/Seller covers cannot be deleted.*** ### Editing the Guide Covers [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio114701663a7da1e5c805c8f3fb131b959blue-bar-1.png)](https://downloads.intercomcdn.com/i/o/114701663/a7da1e5c805c8f3fb131b959/blue-bar.png?expires=1620918000&signature=ff6c76b7b557261364af267f1750f309cb07f108b5520d80a5d17a553f8280c4) As you press the edit button, you will **enter the guide cover Editor**, on the top navigation bar you'll find the Design and settings buttons: ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-12-54-57-3827-AM.png?width=666&height=520&name=image-png-Nov-25-2024-12-54-57-3827-AM.png) ### Design [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio114701663a7da1e5c805c8f3fb131b959blue-bar-2.png)](https://downloads.intercomcdn.com/i/o/114701663/a7da1e5c805c8f3fb131b959/blue-bar.png?expires=1620918000&signature=ff6c76b7b557261364af267f1750f309cb07f108b5520d80a5d17a553f8280c4) ### Cover ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-12-56-30-0959-AM.png?width=223&height=819&name=image-png-Nov-25-2024-12-56-30-0959-AM.png) Here you can select: - Cover Image - Logo - Logo Position/ Logo Alignment - Background Color ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-12-58-49-3884-AM.png?width=949&height=850&name=image-png-Nov-25-2024-12-58-49-3884-AM.png) For Logo Position, if you select the option **White** - The logo will be positioned inside the Cover Image. This is **strictly recommended if you are using white logos.** ![7-3](https://support.agentfire.com/hs-fs/hubfs/7-3.png?width=329&height=154&name=7-3.png) ### Description ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-01-01-11-7269-AM.png?width=961&height=807&name=image-png-Nov-25-2024-01-01-11-7269-AM.png) Adjust the **text, color, size and position** of the description for the cover. ### Title ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-01-01-50-6299-AM.png?width=980&height=849&name=image-png-Nov-25-2024-01-01-50-6299-AM.png) In these sections you can **adjust the title in 2 parts** (left and right side) - Text, Font Style, Color, and Size for each. ### Spine ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-01-02-47-6745-AM.png?width=894&height=824&name=image-png-Nov-25-2024-01-02-47-6745-AM.png) Customize the **spine of the book** in this section. You can adjust the top/bottom text, set the color/background color, and adjust the font size. ### Ribbon ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-01-03-24-6643-AM.png?width=995&height=839&name=image-png-Nov-25-2024-01-03-24-6643-AM.png) You can enable a small ribbon to be displayed on the top left corner, which will have it's on customization options, once enabled. You can **reposition the ribbon** to any other corner you would like to have it. ![12-1](https://support.agentfire.com/hs-fs/hubfs/12-1.png?width=323&height=151&name=12-1.png) Additionally, you can edit the **text/text size/text color**, and the **background color** of the ribbon. *(Recommended: 8-10 characters)* ### Settings [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio114701663a7da1e5c805c8f3fb131b959blue-bar-3.png)](https://downloads.intercomcdn.com/i/o/114701663/a7da1e5c805c8f3fb131b959/blue-bar.png?expires=1620918000&signature=ff6c76b7b557261364af267f1750f309cb07f108b5520d80a5d17a553f8280c4) ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-01-03-58-0373-AM.png?width=652&height=707&name=image-png-Nov-25-2024-01-03-58-0373-AM.png) In the **Settings tab**, you will have options to **control the size** of the whole 3D Cover, and as well **adjust the default, and hover angles.** ![](https://support.agentfire.com/hs-fs/hubfs/image-png-Nov-25-2024-01-04-12-1413-AM.png?width=373&height=465&name=image-png-Nov-25-2024-01-04-12-1413-AM.png) - **Default Angle (deg)** - The default rotation angle for the cover. (default is 15) - **Hover Angle (deg)** - Rotation angle when the mouse is hovered over the cover (default is 30) ### Placing the covers on a page via shortcode [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio114701663a7da1e5c805c8f3fb131b959blue-bar-4.png)](https://downloads.intercomcdn.com/i/o/114701663/a7da1e5c805c8f3fb131b959/blue-bar.png?expires=1620918000&signature=ff6c76b7b557261364af267f1750f309cb07f108b5520d80a5d17a553f8280c4) Every cover will have it's unique shortcode, which you can copy and place them on any page. ![Screen Shot 2024-10-17 at 11.22.57 AM](https://support.agentfire.com/hs-fs/hubfs/Screen%20Shot%202024-10-17%20at%2011.22.57%20AM.png?width=688&height=290&name=Screen%20Shot%202024-10-17%20at%2011.22.57%20AM.png) **Shortcode example:** \[3d\_guide\_cover id="xxxx"\] *\*Replace the xxxx with the 4 digit id number \** You can **override the cover size** by adding **size=small/medium/large** in the shortcode \[3d\_guide\_cover id="xxx" size="small"\] \[3d\_guide\_cover id="xxx" size="medium"\] \[3d\_guide\_cover id="xxx" size="large"\] - [Site Tools](https://support.agentfire.com/en/site-tools#main-content) - [Area Guides](https://support.agentfire.com/en/site-tools#area-guides) - [Engage](https://support.agentfire.com/en/site-tools#engage) - [Guide Creator](https://support.agentfire.com/en/site-tools#guide-creator) - [Lead pages](https://support.agentfire.com/en/site-tools#lead-pages) - [Reviews](https://support.agentfire.com/en/site-tools#reviews) - [Team Members](https://support.agentfire.com/en/site-tools#team-members) - [Listings Hub (Formerly My Listings)](https://support.agentfire.com/en/site-tools#listings-hub-formerly-my-listings) - [Search pages](https://support.agentfire.com/en/site-tools#search-pages) - [Spark AI](https://support.agentfire.com/en/site-tools#spark-ai) - [QR Codes](https://support.agentfire.com/en/site-tools#qr-codes) - [Spark Editor](https://support.agentfire.com/en/spark-editor#main-content) - [Spark Editor](https://support.agentfire.com/en/spark-editor#spark-editor) - [Lead Forms](https://support.agentfire.com/en/spark-editor#lead-forms) - [Menus](https://support.agentfire.com/en/spark-editor#menus) - [Redirects and Domain Masking](https://support.agentfire.com/en/spark-editor#redirects-and-domain-masking) - [Blogging](https://support.agentfire.com/en/spark-editor#blogging) - [AgentFire IDX](https://support.agentfire.com/en/agentfire-idx#main-content) - [Property Alerts and Saved Searches](https://support.agentfire.com/en/agentfire-idx#property-alerts-and-saved-searches) - [Listing alerts](https://support.agentfire.com/en/agentfire-idx#listing-alerts) - [IDX Questions](https://support.agentfire.com/en/agentfire-idx#idx-questions) - [IDX Tools](https://support.agentfire.com/en/agentfire-idx#idx-tools) - [Coaching and Success](https://support.agentfire.com/en/coaching-and-success#main-content) - [Monthly Success Checklist](https://support.agentfire.com/en/coaching-and-success#monthly-success-checklist) - [Tips & Tricks](https://support.agentfire.com/en/coaching-and-success#tips-tricks) - [Dashboard Deep Dive Webinars](https://support.agentfire.com/en/coaching-and-success#dashboard-deep-dive-webinars) - [Launch](https://support.agentfire.com/en/launch#main-content) - [Email Routing](https://support.agentfire.com/en/launch#email-routing) - [Redirects and DNS Management](https://support.agentfire.com/en/launch#redirects-and-dns-management) - [Nameservers and Access](https://support.agentfire.com/en/launch#nameservers-and-access) - [Google Services](https://support.agentfire.com/en/launch#google-services) - [Add-Ons](https://support.agentfire.com/en/add-ons#main-content) - [Team Link](https://support.agentfire.com/en/add-ons#team-link) - [ADA Protect](https://support.agentfire.com/en/add-ons#ada-protect) - [Home Values](https://support.agentfire.com/en/add-ons#home-values) - [Neighborhood Quiz](https://support.agentfire.com/en/add-ons#neighborhood-quiz) - [Local SEO Setup](https://support.agentfire.com/en/add-ons#local-seo-setup) - [Integrations](https://support.agentfire.com/en/integrations#main-content) - [Instafeed](https://support.agentfire.com/en/integrations#instafeed) - [Zapier](https://support.agentfire.com/en/integrations#zapier) - [Facebook](https://support.agentfire.com/en/integrations#facebook) - [LionDesk](https://support.agentfire.com/en/integrations#liondesk) - [IDX](https://support.agentfire.com/en/integrations#idx) - [Lead Manager](https://support.agentfire.com/en/integrations#lead-manager) - [Intercom Chat](https://support.agentfire.com/en/integrations#intercom-chat) - [Ruuster](https://support.agentfire.com/en/integrations#ruuster) - [Follow Up Boss](https://support.agentfire.com/en/integrations#follow-up-boss) - [FAQs and General](https://support.agentfire.com/en/faqs-and-general#main-content) - [Common Questions](https://support.agentfire.com/en/faqs-and-general#common-questions) - [Google Analytics](https://support.agentfire.com/en/faqs-and-general#google-analytics) - [IDX](https://support.agentfire.com/en/faqs-and-general#idx) - [General](https://support.agentfire.com/en/faqs-and-general#general) - [Posts Launch Training](https://support.agentfire.com/en/posts-launch-training) - [Google Search Console](https://support.agentfire.com/en/google-search-console#main-content) - [Google Search Console](https://support.agentfire.com/en/google-search-console#google-search-console) - [Partner Program](https://support.agentfire.com/en/partner-program) - [AgentFire Go](https://support.agentfire.com/en/agentfire-go) [![Chill listening crop-3](https://support.agentfire.com/hs-fs/hubfs/AF%20Logo.png?width=96&height=24&name=AF%20Logo.png "Chill listening crop-3")](https://support.agentfire.com/) Copyright © 2026, Dark Galaxy Limited DBA AgentFire.com