Tutorials
- From the Showit Design App, click on "DESIGN SETTINGS" in the top left corner of the screen.
- Under the heading "COLOR PALETTE", click each colour numbered 1 to 8 and pick the colour you'd like to replace each with. These will change the colours throughout your template.
- Be sure to check out Showit's documentation for more specifics, and watch my video tutorial for a few tips and tricks!
Step-By-Step Instructions
How to Update Your Template Colours
template in video: molly grimm light →
- From the Showit Design App, click on "DESIGN SETTINGS" in the top left corner of the screen.
- At the top of the design settings screen, click FONTS tab.
- Select the google font you’d like to add to your active fonts list. To add a custom font, see this Showit tutorial.
- Click back to the SITE STYLE tab at the top of the screen.
- Under the heading "TYPE STYLES," change your TITLE font, colour, size, and alignment if you’d like. Then continue to the HEADING, SUBHEADING, and PARAGRAPH styles.
Step-By-Step Instructions
How to Update Your Template Fonts
template in video: molly grimm light →
- Under the SITE tab, click the page you'd like to update an image on.
- Double-click the photo you'd like to change. Your media library will pop up.
- Choose the image you'd like to use instead. If you haven't uploaded the image you'd like to use yet, click "upload files" in the bottom right corner of the screen.
If the image isn't a background, and isn't clickable, it's likely layered under another element in the design (even if that element is transparent or seemingly invisible).
- In this case, look at the left side of the screen to find the image in the list of objects on the current canvas. You can find it by clicking the desktop or mobile icons on and off.
- Once you've found it, click and drag it to the top of the list. Once it's at the top, it will be layered on top of all other objects, meaning you can double click it to change the image.
- If the design looks a bit weird now, once you've changed the image to your image of choice, drag the element below other objects on the list showing on the left side of the screen.
- If the image isn't a background, and isn't clickable, it's likely layered under another element in the design (even if that element is transparent or seemingly invisible).
- In this case, look at the left side of the screen to find the image in the list of objects on the current canvas. You can find it by clicking the desktop or mobile icons on and off.
- Once you've found it, click and drag it to the top of the list. Once it's at the top, it will be layered on top of all other objects, meaning you can double click it to change the image.
- If the design looks a bit weird now, once you've changed the image to your image of choice, drag the element below other objects on the list showing on the left side of the screen.
It might be set as a background.
- In this case, click the "CANVAS BACKGROUND" heading on the right side of the screen.
- If you don't see that, click anywhere on the page where there isn't an object, text, or images, to bring up the canvas settings (watch the video for a quick tutorial).
- Under CANVAS BACKGROUND, double-click the image that is currently being used as a background.
- Your media library will pop up. Choose the image you’d like to use instead. If you haven’t uploaded the image yet, click “upload files” in the bottom right corner of the screen.
- It might be set as a background.
- In this case, click the "CANVAS BACKGROUND" heading on the right side of the screen.
- If you don't see that, click anywhere on the page where there isn't an object, text, or images, to bring up the canvas settings (watch the video for a quick tutorial).
- Under CANVAS BACKGROUND, double-click the image that is currently being used as a background.
- Your media library will pop up. Choose the image you’d like to use instead. If you haven’t uploaded the image yet, click “upload files” in the bottom right corner of the screen.
IF THE IMAGE ISN'T CLICKABLE:
How to Update Your Template Images
Step-By-Step Instructions
template in video: molly grimm light →
- Under the SITE tab, click the page you'd like to update the text for.
- Double-click the text you'd like to change.
- Type or copy and paste your text into the textbox.
This works for menus and word-mark (font-based) logos within designs too!
Step-By-Step Instructions
How to Update Your Social Links
template in video: molly grimm light →