Basics / Getting Started
Most of the theme settings and options are found in other sub-panels within this panel, but some are placed in standard WP panels to support the “custom-logo”, “custom-header” and “custom-background” features.
- Site Identity : Logo, Site Title, Tagline, Copyright Text, and Site Icon
- Colors : Font, Link, Link Hover, Accent and Site Background Colors
- Header Image : Header Background Image (instead of a solid color)
- Background Image : Site Background Image (instead of a solid color)
Basic Layout & Look
Content Width ~ Choose a maximum width for the site content (between the margins). This affects the header, footer, navigation bar and page content that is not assigned "Full Width".
- No Limit : The site content fills the width of the browser with side margins using the Standard Spacing setting.
- Max #px : The site content fills the browser up to this width in pixels, then remains centered while the margins increase on both sides as the browser gets wider.
Choose how much spacing in pixels to be used for a number of elements found in the page content. (IE: margins, body, image, post separation)
Default Missing Image
Choose an alternate image from the media library to use in place of our theme default image when an image is required but none is assigned or found. Each post should have a Featured Image assigned to make your website more engaging and impressive.
Base Font Weight
Choose the font weight to use in all non-bolded text. If you choose a weight larger than 700 Bold, then bolded text will actually display thinner than non-bolded text. Most fonts do not support all available font weights, they will default either Normal or Bold if the chosen weight is not supported.
Font Family ~ If using a Google Font, you must check the box below to load the font’s stylesheet.
You can enter a comma delimited list of standard system fonts (IE: Verdana, Arial,Arial Narrow). Or you can enter the name of any Google Web Font, and the theme will load the appropriate font file from Google’s API.
Google Font ~ This box must be checked if you wish to load a Google Font for your Font Family.
Page Content HTML (text & tags)
Base Font Size ~ Base size in pixels for page content.
H-Tags and specific elements have size settings in % percentage as a multiplier of this base size.
Byline Font Size (Date/Author)
Body Line Height Muliplier
You can adjust the line-height (spacing between lines in a paragraph) using a multiplier of the font size for the font’s location
H1 Margins (top & bottom)
H2 Margins (top & bottom)
H3 Margins (top & bottom)
Paragraph Margin (bottom)
These styles will apply to all button objects and objects with the "button" class.
Button Border Width
Set Border Width to 0 if you wish to have no borders.
Button Font Color
Choose the colors for buttons in the content created by the theme and our plugins.
Open the WP-Core "Site Identity" panel to assign your site/organization logo.
Logo Height (max)
Specify a maximum height for the header logo. The header will grow bigger to accomodate the header text height and vertical padding.
Choose how much space to put above and below the logo/banner text.
Horizontal alignment for Site Title and Tagline.
Choose the background color for the header, this is overrided if a Background Image is assigned.
Footer Background Color
Choose a background color for the footer bar.
Footer Text Color
Choose the colors to use for the footer menu and copyright text.
Footer Menu Hover Text Color
Display Navigation Bar
The navigation bar below the header has it’s own set of styles. It includes the Main Menu (one level) and a Search Box. You can also add a secondary Navbar below it popluated with links for WordPress and WooCommerce categories. Choose which pages will include them below.
Home - Category Navbar ~ Includes top-level Wordpress categories.
Blog - Category Navbar ~ Includes top-level Wordpress categories.
Child Category Navbar
Add a second Navigation bar on category pages with child categories. You can choose which page types will include the bar: Home, Blog, and Category (children).
Woo Product Category Bar
When you have WooCommerce installed, the category navbar can include the top-level product categories on the store page and each category’s children on their respective product category pages.
Display Search Box on Home Page
Choose which page types to include a standard sitewide search box in the site’s Navigation Bar. (home, blog, categories, pages, posts) The search box will not be displayed on custom post types or WooCommerce pages.
Display Search Box on Blog Page
Display Search Box on Categories
Display Search Box on Pages
Display Search Box on Posts
Choose the font size you wish to use for the menu (Main Menu) in the Navigation Bar.
Choose to capitalize words, force upper/lower case, or just leave it unmodified.
Menu Hover Effect (animation)
Add a little motion to your menu by choosing one of these CSS animations.
Choose background and font colors for the Navigation Bar. The mobile menu also uses these settings for color.
Active Item / Effect Color
The child category bar is styled separately from the Navigation Bar. It is only displayed on archive/category pages that have non-empty child categories.
Category Bar Background Color
Category Bar Hover Text Color
Category Bar Active Item / Effect Color
Category Bar Top Border Color ~ You may add a top border to separate the category bar from the nav bar. This is a separate setting from the Navigation Bar's matching setting.
Two widget areas are available in the form of sidebars. You can include a tradition "Sidebar" as a column to the right of the page content. You may also include an AMP "Slide-Bar" that slides out with a button press. Both have options for how and where to display them.
Choose a static width for the sidebar on pages that display it.
Display Sidebar on Home Page
Choose which page types will include the sidebar (widget area) from Home, Blog, Page, Post and Category.
Display Sidebar on Blog Page
Display Sidebar on Categories
The Slide-Bar is a widget location that slides in/out from the sides of the browser.
Display Slide-Bar on Home Page
Choose which page types on which to display the slide-bar (home, blog, page, post, category).
Display Slide-Bar on Blog Page
Display Slide-Bar on Pages
Display Slide-Bar on Posts
Display Slide-Bar on Categories
Slide-Bar Orientation (horizontal)
Choose which side of the screen to anchor the slide-bar (left, right).
Slide-Bar Button Position (vertical)
Choose where (vertically) to anchor the slide-bar button (top, middle, bottom).
Choose a static or responsive width for the slide-bar on pages that display it.
Slide-Bar Edge Padding
Set the padding between the edges of the slide-bar and it’s content.
Slide-Bar Background Color
Slide-Bar Font Color
Set the background and base font color for the slide-bar.
Social Button Bars
Enter a URL for your social network pages, and choose the location(s) to display the bar. A button/link with the site's icon will be included in the bar for each URL you enter.
Display Social Button Bar
You may add links to your page on popular social websites as icons in their own header and/or footer bar. To include an icon/button enter a URL into the associated Social Provider field. Choose between header, footer, both or none to inlcude/exclude bar locations.
Social Bar Text
Enter text you wish to display before the icons in the Footer Social Bar.
Choose the typical aspects for styling your bar. These settings are separate from the Footer Bar.
- No Button : Just the icon in the chosen color.
- Square : Same as circle but centered in a square.
- Rounded Square : Same as circle but centered in a square with rounded corners.
- Circle : The icon is centered in a circle, with color options for the icon, hover and border. The background is a black/gray gradient that is black on hover.
Choose from 4 preset sizes to display the icons. (normal… to biggest : 40px… to 120px)
Choose a color for the icon’s static state as well as it’s hover state.
Choose a color the the button’s static state as well as it’s hoer state and border. These settings only apply when you have chosen either Circle, Square Rounded Square for the button style.
Include Social Share Bar on Pages
Appends a button bar after page/post content that is used to share it on a variety of social networking sites (IE: Facebook, Pinterest… etc.). Chose whether or not to include it on pages and/or posts and which proividers to include within it.
Include Social Share Bar on Posts
Include a Facebook Share Button
Include a LinkedIn Share Button
Include a Pinterest Share Button
Include a Tumblr Share Button
Include a Twitter Share Button
Include a Email Share Button
Archives / Posts Lists
These options apply to anything that displays a list of posts. (IE: category landing pages, search results, post list shotcodes, recent posts when displayed on the home page)
Posts Page / Archives Display Mode ~ Choose a responsive style for displaying posts in category/blog post lists.
- Article : The article display mode morphs as the browser width decreases eventually removing the image and content as it gets smaller. Title, author info, date and content left aligned with the featured image on the right.
- Image Grid : The image grid places image blocks in a row with consitent heights, then drops the row count as the browser size decreases. The image box has a drop shadow and the cat/tag buttons float above the top of the image also with a shadow. The text overlay has a white semi-transparent background.
- Image & Article : A combination of styles, displaying posts in rows with images above the post text.
Home Page Posts Display Mode
You can choose separate settings for the posts lists that show on the home page and blog page (per assignemnt in Admin/Settings/Reading).
Blog Page Posts Display Mode
Excerpt Trim Word Count
Choose how many words to include (trim to) in the posts excerpts when trimmed by wordpress. Custom excerpts entered in the Post Editor will not be trimmed.
Display Byline (Date/Author)
Uncheck this box to hide the author name and post date in posts lists.
Display Comment Count Flags
Uncheck this box to remove the comment count flags from posts lists. The flags are only included in the Article Modes and the “Image Grid – V3” mode.
Image Grid Max-Height
Choose the height of the image box, the width is responsive.
Post Images as Links
Choose whether to add a link to the post image when it is clicked in a posts list. This only applies to wider screens, the links are disabled in mobile mode (width 900px or less).
Check to include the breadcrumb links on archives (category) and posts.
Display Last Breadcrumb
Uncheck this box to leave out the last breadcrumb (page/post title).
Bold Last Breadcrumb
Check this box to bold the last breadcrumb (page/post title).
You can enter text or a character code to choose the separator between crumbs. You may also enter a Fontawesome icon code (IE: fa-angle-right).
Title Bar / Hero Banner
Pages and posts have a page title bar that falls below the header/nav bars. You choose the default colors/style for the bar, then add Hero Shot image support as desired. Check the following boxes to choose which page types to include the Default Hero Image if one is available. You may assign hero shots to individual pages, posts and categories which will be displayed while ignoring the default image and page type settings.
Hero Banner - Categories ~ Categories have no local setting for using their Featured Image in the Hero Banner.
Default Hero Image
If you wish to fill all Hero Banners with an image when one is not assigned to the particular page or post, you may do so by choosing one as the site’s default Hero Banner image.
Set the height to use for Hero Banners.
Choose the colors to use the the title bar when not in “Hero Shot” mode. When using a hero shot, the font color is always white with a text shadow to allow for better readability.
Text & Button Alignment
Choose to align the title and buttons in the banner.
Title Bar - Home
Choose which page types to display the Title Bar from Home, Blog, Pages, Posts and Categories.
Gutenberg Block Styles
Adjust custom theme styling applied to various WP-Core blocks. ("wp-block-styles" are supported by this theme)
Gutenberg Heading Block Style
Add styling to the Gutenberg Heading Blocks in page or post content with bars using the site font, background and accent colors you have chosen in the Customizer. Individual Heading Block style and alignment settings will override these settings.
Style H1 Blocks
You may choose which H-Tags to style using this setting. (1-3 on, 4-6 off by default)
Set the default text alignment for styled Heading Blocks.
GDPR Compliance (EU)
The General Data Protection Regulation 2016/679 is a regulation in EU law on data protection and privacy for all individual citizens of the European Union and the European Economic Area. It also addresses the transfer of personal data outside the EU and EEA areas.
Enable GDPR Consent
Check this box to serve a cookie usage notification to users in the EU per GDPR requirements. It will not affect site behavior for non-EU visitors.
Enter/edit the text you want to display when the user is promted for GDPR consent.
Consent Link Button Text
Enter text for the added link button. If left blank, the button defaults to More Info.
Enter the account ID to enable analytics / tracking for each provider you want to include. Support is currently limited through AMP: Google Analytics, Google Tag Manager, Facebook Remarketing Code.
Facebook Remarketing Code
Google Analytics (Account ID)
AMP Pixel (enter tracking URL)
Use this at your own discretion. This AMP tag is provided to allow a broad number of analytics/tracking services by entering a Pixel URL. This is an experimental module, it may not work for all pixel providers.