Change Your Site Colors, Font, and Animation on Your Website

OfferingTree provides a simple way to change the global site font of your website. You can choose from different color pallettes or upload your own, font styles and font sizes, and animation settings. To change any of these, go to the Website section on your admin page and select the Site Styles tab.

Color Palette

Your color palette sets the mood for your entire site. Here is how you can personalize it:

• Enter Your Brand Colors: If you already have brand colors, you can plug in your exact 6-digit HEX codes (#FFFFFF is white) or adjust the RGB settings.

  

• Explore Templates for Guidance: If you're not sure where to start, you can use the built-in color templates. Even if you bring your own colors, these templates are fantastic for showing you how to organize a balanced palette, guiding you on what to pick for your primary and accent colors, and background neutrals.

Note: Once you saved your color palette, these 6 colors will always show up in the color picker throughout your site, so you don't need to memorize them.

Site Fonts

Typography plays a huge role in reading comfort and personality.

• Preset Typeface Themes: You can pick from built-in preset font combinations

• Custom: Choose your own style by setting the Heading and Body fonts individually.

• Font Size: The font size slider will increase or decrease the font on your website.

• Need a Specific Font? If you can’t find the exact font you use, just reach out to the OfferingTree Support Team, and they will be happy to help add any Google Font to your site.

Note: There may be some places on your website where you have set a specific font style and size, which will not change based on edits made to your global site font settings.

Page Animation

Site animations bring your pages to life as visitors scroll through your content.

• Pick Your Scroll Effect: You can customize how elements reveal themselves on the screen. Our default choice is a smooth Slide Up effect set to 500 milliseconds.

Note: Animations can be turned off or overwritten on individual pages within Page Styles settings.

Previewing and Saving Your Work

As you make adjustments, you can navigate between different pages right in the editor to see exactly how your color palette, typography, and animation choices look in context.

Once everything feels right and looks aligned with your brand, just hit Save, and your brand-new style will apply across your entire site!

P.S. Join our Facebook group and connect with other OfferingTree users to share questions, offer ideas and insights, and support each other towards a more thriving wellness business.

Register to our monthly Skill Sparks to stay ahead of the curve! This is where we dive into all the new features and updates like Custom Forms feature we just covered. It's the best way to ensure your wellness business is always taking full advantage of the latest tools.