Customize the Starter Kit
This lesson will teach you how to customize the Starter Kit.
Outcome
A customized version of the site with your Home page image, site name, color theme, font, and perhaps a logo in the header.
Takeaway
Learn how to:
Navigate the editing area in the Content section.
Interact with content properties.
Upload images and use them with content items.
Preview your changes before publishing the content to the site.
Steps
Go to the Home page in the Content section.
Navigate to the Design group by scrolling down or selecting it from the dropdown menu.
Home page Design Group Choose a different font and color theme.
Try different combinations and see what fits your site.
Save a draft of your changes by using
ctrl
+s
or clicking the Save button. Save will not publish the changes to the website.Click Save and preview to see how the page looks on different screen sizes.
Try changing the background image of the Home page.
Hover over the Hero Background thumbnail and click the red cross icon to remove the current image.
You can now click the '+' to open a dialog where you can choose an image from the Media library or upload a new image.
Select the image you want and click Submit in the lower right corner.
Find the Sitename property and change the name of the site.
This is shown in the site navigation menu.
If you want a logo instead of the Site Name you can upload and/or choose an image from the Media Library.
When you are happy with the changes publish them to the website by clicking the Save and Publish button.
To see the changes you've made go to the Info tab and click on the link.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2945122355-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmmtM2UdX1OOMSi0CksPv%252Fuploads%252Fgit-blob-12809f57a13585dfa1a877e80211694af6137078%252Flink-to-page.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=3f417e36&sv=1)
Summary
Nice job! In this lesson, you've learned to navigate and edit properties on a page. You've also learned the difference between the Save, Preview, and Save and Publish actions and how to use them.
Last updated