--- title: Adding a homepage banner image. description: For best effect, Homepage banners should combine the full-width image Section with title and/or image content blocks layered on top. --- [Skip to content](https://knowledgebase.akaraisin.com/en/support/adding-a-homepage-banner-image#main-content) [Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new?hsLang=en) [![raisin Logo](https://knowledgebase.akaraisin.com/hs-fs/hubfs/logo_raisin.png?height=40&name=logo_raisin.png)](https://raisinsoftware.org/) - [Help Centre](https://knowledgebase.akaraisin.com/en/support) Open main navigation Close main navigation - [Help Centre](https://knowledgebase.akaraisin.com/en/support) - [Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new) How can we help out? - There are no suggestions because the search field is empty. 1. [Help Centre](https://knowledgebase.akaraisin.com/en/support?hsLang=en) 2. [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en) 3. [Sections and blocks](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#sections-and-blocks) # Adding a homepage banner image. ## For best effect, Homepage banners should combine the full-width image Section with title and/or image content blocks layered on top. Homepage banner images are best created using the full-width image Section, and a combination of title and image content blocks layered on top. ### Adding the background layer The event Homepage template starts with a background image -- or "hero image" -- at the top of the page. To update it, follow these steps: 1. Hover over the bottom (x-axis) of the sample image. Click the green camera icon that appears. 2. Upload the image you'd like to be the background layer of banner. Recommended width is 1800 pixels and height of 600 pixels (width should be greater than 1500 pixels). ![background image icon](https://knowledgebase.akaraisin.com/hubfs/Knowledge%20Base/CMS/background_imageicon.png) **Note:** We do not recommend adding background images with text as they will crop on smaller screens and the text cannot be picked up by search engines. Moreover, background images without any overlaying content (includes spacers) will not appear at mobile breakpoints. Be sure to preview how it looks on various devices/screens for desired effect. If the image you've uploaded is too bright, you can add contrast with an Overlay Colour: 1. Click the blue wrench in the bottom of the section, and select the Image Box Setting option. 2. Choose the colour wheel icon. Select your desired colour from the palette or type the appropriate RGB or hex code in the colour field above. 3. Adjust transparency by clicking the plus (+) or minus (-) sign found in the Overlay Transparency section. ### Adding a title or wordmark Next, overlay a title, wordmark and/or logo by dropping in the appropriate content blocks on top the background: 1. Click the Content panel on the left-hand side of the CMS. 2. Find the desired content block you'd like to display in front of the background. While any blocks can be added here, we recommend choosing from the "Title", "Title, Subtitle" or "Info, Title" for text, or the "Single Image" for elements like logos, wordmarks or icons. 3. Drag the block(s), and drop it on top of the image. Repeat until all the content you'd like is in place. ![homepage-image](https://knowledgebase.akaraisin.com/hubfs/Knowledge%20Base/CMS/homepage-image.jpg)   We always recommend using the Image Properties tool (chainlink icon) to tag images title or "alt tag", but this is especially important if you only add only an image to this area. Doing so will ensure that logos or wordmarks are appropriately crawled by search engines. ### Demonstration Check out our webinar that further reviews how to design a homepage banner: - [Account & General Setup](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#main-content) - [Organization](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#organization) - [Modules](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#modules) - [Payment](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#payment) - [Shared Content](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#shared-content) - [Security Management](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#security-management) - [Invoice](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#invoice) - [Email](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#email) - [Event Setup](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#main-content) - [Event Details](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#event-details) - [Go Live](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#go-live) - [Registration Information](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#registration-information) - [Sponsorship Items](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#sponsorship-items) - [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#main-content) - [Pages](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#pages) - [Sections and blocks](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#sections-and-blocks) - [Design](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#design) - [User Profile Fields](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#user-profile-fields) - [Edit Content (Legacy)](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#edit-content-legacy) - [Message Templates](https://knowledgebase.akaraisin.com/en/support/message-templates?hsLang=en) - [User Management](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#main-content) - [Surveys](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#surveys) - [Donors](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#donors) - [Participants & Teams](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#participants-teams) - [Tickets & Tables](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#tickets-tables) - [Revenue Management](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#main-content) - [Assign Package Codes (Solicitation Codes)](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#assign-package-codes-solicitation-codes) - [Offline Pledges](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#offline-pledges) - [Payment and fundraising information](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#payment-and-fundraising-information) - [Promo Codes](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#promo-codes) - [Transactions](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#transactions) - [Tax Receipts](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#main-content) - [Manage](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#manage) - [Setup](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#setup) - [Analytics](https://knowledgebase.akaraisin.com/en/support/analytics?hsLang=en) - [Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#main-content) - [General Questions](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-questions) - [General Donation](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-donation) - [Downloads](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#downloads) - [Common Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#common-reports) - [Pledge / Multi-Pledge](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#pledge-multi-pledge) - [Export Data](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#main-content) - [Flat File](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#flat-file) - [Integrations](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#main-content) - [Google Analytics](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#google-analytics) - [Strava](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#strava) - [360MatchPro by Double the Donation](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#360matchpro-by-double-the-donation) - [Address Complete](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#address-complete) - [MailChimp](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#mailchimp) - [Live streaming](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#live-streaming) - [DonorPerfect](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#donorperfect) - [Customer Support](https://knowledgebase.akaraisin.com/en/support/customer-support?hsLang=en) [![Chill listening crop-3](https://knowledgebase.akaraisin.com/hs-fs/hubfs/logo_raisin.png?width=63&height=24&name=logo_raisin.png "Chill listening crop-3")](http://www.akaraisin.com) The digital fundraising partner to growing non-profits. Copyright © 2026 raisin Software | [Privacy Policy](https://raisinsoftware.org/privacy-policy/)