HomeDocumentationColors and Fonts

Colors and Fonts

Color Scheme

The color scheme is a very important aspect of a site’s design. Baton Pro comes with 4 high quality color schemes, so you’re bound to find one that matches your style!

1. From the WordPress dashboard, navigate to Appearance > Theme Options

2. Under the General tab, locate the Color Scheme section

3. Click a color to select a color scheme

Color Schemes

4. When you have finished, click Save Options at the bottom of the page

 

Color Customization

Change the color of every element of your website to a custom one of your liking. To change the scheme of your site, see Color Scheme.

Note: Additional color customization is available in Pro themes.

1. From the WordPress dashboard, navigate to Appearance > Customize

2. In the preview sidebar on the left, select a section of the page such as Header, Secondary Header, Content, etc..

3. Within each of those sections there are options to change the section’s color(s). Some of the sections allow you to change the Background Color, Text Color, Link Color, Heading Color, etc. (The Content section options are displayed below)

Content Color Options

To change one:

a. Click Select Color

b. You may choose from eight pre-selected colors [1], use the color selector to choose a custom color of your liking [2], or enter a hexadecimal color code [3]. You may also reset the color to its default by selecting the Default button [4].

ColorPalette

c. Any changes made are automatically displayed in the preview on the right

4. When you have finished, click Save & Publish at the top of the preview sidebar.

SaveAndPublish

Font Customization

Change the font of every element of your website to a custom one of your liking,

1. From the WordPress dashboard, navigate to Appearance > Customize

2. In the preview sidebar on the left, select a section of the page such as Header, Secondary Header, Content, etc..

3. Within those sections there will be a panel of settings that will let you customize the Font SIze, Line Height, and Font Family of the section you chose (shown below). You can customize those values any way you’d like.

a. To change the font size insert a value in the Font Size textbox.

b. To change the height of each line insert a value in the Line Height textbox.

c. To change the font family choose a font in the Font Family dropdown menu.

Font Options

4. Click the Save & Publish button in the top right corner of the Customizer sidebar.

SaveAndPublish

This entry was posted in