Styling Guide
Styling is where you will set up your colors, fonts, and footer for your fundraising site. These colors often will match your organization’s branding guidelines or current website. Below are details on how to do this.
Color Swatches
These colors will appear as an option to select everywhere in Momentum where you can insert a color (including the visual Page editor). For example, if you are creating a page and are selecting font color for a textbox, it would include all colors from the Color Swatches as color options.
1. Select ‘Styling’ from the left-hand menu
2. Select ‘Color Swatches’
3. Choose either a hex code from your organization’s branding, OR click the square with the color to select a color from the slider
Website Fonts
Setting up your font settings for Momentum.
1. Select ‘Styling’ from the left-hand menu
2. Select ‘Website Fonts’
3. Choose a ‘Heading’ font and a ‘Paragraph’ font. Paragraph fonts will apply to any non-heading text.
4. Choose from a selection of Google Fonts
Website Colors
Website colors are where you choose all site color settings for Momentum, such as the buttons, hover colors, link colors etc.
1. Select ‘Styling’ from the left-hand menu
2. Select ‘Website Colors’
3. Choose either a hex code from your organization’s branding, OR click the square with the color to select a color from the slider.
Navbar Styling
Navbar Styling allows you to choose the: height of the Navigation bar, the background color for desktop, background color for Mobile, and Link Colors
1. Select ‘Styling’ from the left-hand menu
2. Select ‘Navbar Styling’
Footer Styling
Footer Styling allows you to choose the: Footer Background Color, Footer Text Color, Footer Icon Color, Footer Icon Color Hover, Footer Links Color, Footer Links Color Hover.
1. Select ‘Styling’ from the left-hand menu
2. Select ‘Footer Styling’
Footer Social Media Icons
To edit/add social media icons follow the steps below:
- Select ‘Campaign Setup’ from the left-hand menu
- Select ‘Footer Setup’
- Select ‘Edit’ beside each social media icon you would like to add, and input the social media url for the icon to display in the footer
