Skip to the content

This tutorial will go over how to add and format a banner on your Smartly Done Website.

Step 1: On the page you want to add a banner, click the down arrow and select the 3 dots by “Components,” click “Banners.”

 

Step 2: Label the component “Banner” or another relevant title so you know what this component is. 

 

Step 3: Go to the content tab and click the plus icon under “Add content.”

 

Step 4: Set a name for your banner.

We recommend giving this a good descriptive name for what will be on your banner, or you can use the header text that you add to your banner. (This just helps you organize it well so it's easy to come back and edit it later.)

 

Step 5: Either select a background color for your banner or choose an image to use as the background.

Selecting Background Color:
Select the color you want to as the background. 

 

Setting a Background Image:
Scroll down to the “Content” section and click the plus sign next to “Image.”

 

Select the image and click submit.

 

Step 6: Set the banner style and text alignment. You can also add a color overlay, this works well for banners using background images and makes it easier to read any text on the banner. 

Note: Adding a color overlay only works if you picked a background color for your banner. 

 

Step 7: Scroll down and set a Heading. You can also add a “Secondary Heading” (this appears above your main heading) and other “text” (which appears below your headings).

 

Step 8: Click “Save and publish.”

 

Step 9: Check the finished product on the live page.

Colored Background:

 

Image Background:

 

 

About the author

Smartly Done Websites

Smartly Done Websites

Smartly Done Websites offers an affordable way for you to work with professionals, designers, programmers, and writers, to help you customize your new website to best suit your needs.

How does this work?

Is this a good fit for me?

Read our frequently asked questions to see if a Smartly Done website is a good fit for you!

We'd love to hear from you

Don't be shy!

Do you have questions?  We'd love to visit with you! Give us a call at (208) 497-0700 or fill out the form and we will contact you.  Hit us with your questions. We can give you a quick demo of our solution, or we can just visit so you can get a good feel for how you'd like working with us. We are a friendly, no-pressure bunch. Reach out!

The 'First name' field is required
The 'Last name' field is required
Please enter a valid Email address