1. Classes Listing

Options in Class section serve Classes Page
Class Page: Choose a Classes Page in the drop-down list
Class Heading Title: Enter a heading title
Class Heading Description: Enter a short description for heading
Classes Heading Background Image: Change or Remove Heading Background Image
Class List Layout: There are 3 types of layout (Full width, With Left/ Right Sidebar)
Class List Sidebar: Choose a sidebar shown on Classes Page
Class List Style: There are 2 styles which are Grid and List
Show Class Date/ Class Time/ Class Trainer/ Class Address: Check these boxes to show the corresponding items
Number Class: The number of classes is shown
Order Class By: The display order of classes is based on Open date or Added Date
Order Direction: The latest/ oldest classes are shown first
Filter Title: Enter a filter title
Show Level Filter/ Category Filter/ Trainer Filter/ Filter By Days: Check these boxes to show the corresponding items

2. Single Class

Class Detail Heading Background Image: Remove or Change background image
Single Class Layout: There are 2 layouts which are With Right Sidebar and With Left Sidebar
Classes Sidebar: Choose a sidebar shown on single class page
Open Date Display: There are 3 options which are Only Open Date, Only Next Class Date or Both Open Date and Next Class Date
Enable Social Sharing: Turn this button on so that you can share single classes via social media
Sharing title: Enter a title here

There 2 two styles which are Footer Default and Footer With Map

Footer Default
Footer Columns (Widgetized): The number of footer columns fluctuates between 0 and 4
Footer Bottom Content (HTML): Enter content here

Footer With Map

Latitude/Longitude: You can refer to this site http://www.latlong.net/ to know latitude and longitude of the place
Zoom: Enter a zoom level of the map
Icon Map: Upload a Map Icon here
Footer Columns (Widgetized): The number of footer columns fluctuates between 0 and 4

Learn more about widgets used to create these Footer Styles:

Footer widgets and sidebars

Footer Bottom Content (HTML): Enter content here

1. Header Style

There are 3 styles of Header:

Notice that all Header styles have symmetry. You will need to create 2 menus in Appearance/ Menus to obtain this effect. We call these menus Main Menu Left and Main Menu Right.

You can create Top Menu in Appearance/ Menus

Hide Top Menu When Scroll: Turn this button on so that you can hide Top Menu when you scroll the page

Learn more about creating a new menu: Set Up Menu

2. Navigation Bar

NavBar Position: Position of NavBar includes Static Top and Fixed Top. Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse.
Background Navigation: Here you can change background of navigation bar
Background Navigation when Scroll: When you scroll the page and want to change background color of Navigation Bar, this option will help you obtain the desire
Icon Search: Turn this button on so that Search Icon can be shown in menu navigation bar
Hide Icon Search When Scroll: Turn this button on if you want to hide Search Icon when scrolling the page
Icon Cart: Turn this button on if you want to show Cart Icon in menu navigation bar
Hide Icon Cart When Scroll: Turn this button on if you want to hide the cart icon when scrolling
Navbar Height: This option handles height of Navigation Bar
NavBar Link Spacing: You can change NavBar Link Spacing here
Use Custom NavBar Font and Color: Turn on this button to change NavBar Font and Color. Then you can change NavBar Font, Font Size, Link Color, Link Hover Color.
Transform to Uppercase: Tick this box so that Header font will transform into Uppercase

3. Logo

Hermosa allows you to add image file or use text for logo. If turning off Use image for Logo button, you will have options to enter your site name, select logo font from Google font, font size, font color, uppercase for text logo. If turning on this button then you can Upload Your Logo, adjust Image Height, Upload Your Logo Transparent and change Image Transparent Height

You can customize your Typography settings here. Hermosa integrated all Google Fonts. See font preview at Google Fonts

1. Headings

Use Custom Headings Font: Turn this button on so that you will have extra options to change Headings font and color
Transform to Uppercase: If you tick this box,  headings such as <h1><h2><h3> will be in uppercase

2. Body

Use Custom Font Body: Turn this button on in order that you can make adjustments to Body font, Font color and Font size

3. Use Custom Special Font

Enable Use Custom Special Font to choose Font for some elements on the site such as those ones:

1. Site Layout

You can set Style & Layout for your site. Hermosa is equipped with  two layout styles including: Boxed Layout and Fullwidth layout
If you select Boxed Layout, you will have further options:
Site Width, Site Max Width: these options handle width of the site
Background color, Background Image: If you opt yellow for background, background of your site will be filled with this color. However, when you set up background image, background of the site will be replaced with a new image.
Background repeat: Background Repeat will work effectively if you use patterned background image. When you let the image repeated, its copies will cover the whole background.
Background image attachment: There are two types that are Fixed image and Scroll with site. Fixed image means that when you scroll down on the page, you will still see the background image. Yet Scroll with site does not allow you to do this.
Auto Resize: if you turn on the button, image will appear in the whole background area. Yet, turning off this button will make background image be displayed only in a part of one side. Position of background image in this case may be left top, left center, left bottom, center top, center center, etc of the side. It depends on your choice in Background Image Alignment box

2. Icon theme

Hide Icon theme: Turn this option on to hide theme icon
Custom Icon theme: Remove or change theme icon

3. Color

Hermosa provides you with 2 colors which are Primary color and Secondary Color. You can select a color for links and various elements of your site

Options in Customizer are in charge of appearance of your site. You can control various features of header, footer, font, color, logo, menu, etc here. Remember that any adjustments made by you will become real with the condition that you have clicked Save & Publish button on top.
Tag line: this one reveals a brief description of the site
Site icon is an image viewable in browsers for users to identify your website among many tabs. Please remember that the icon must be square and at least 512px wide and high. See the illustrative image to better understand function of the site icon. After choosing the image , you will click Save and Publish. Then when you come back to your site, you will see an image displayed on the tap of your website. It is clear that by dint of the this icon, you can distinguish your website`s tab from other tabs more easily.