Blog - Resources - Accelerate Settings Guide

Accelerate Settings Guide

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 : Site Font, Link, Link Hover and 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.
Standard Spacing
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)
Bar Layout Default ~ Choose a default layout for all header and footer bars.
Each bar can be set individually to override this setting. "Content Align" matches the bar contents to the page content edges. "Wide" extends the edges to 50% between the viewport adge and the content edge. "Full" extends the bar contents to the viewport edges with 15px padding.
Missing Image
Choose an alternate image from the media library to use in place of our theme default missing image file when an image is required but none is assigned or found. Each post and category should have a Featured Image assigned to make your website more engaging and impressive.

Font

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.
Heading (H-Tag) Font Weight
Heading (H-Tag) Text Case
Choose to capitalize words, force upper/lower case, or just leave it unmodified.

Text Sizing

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.
H1 Font Size
H2 Font Size
H3 Font Size
H4 Font Size
H5 Font Size
H6 Font Size
Byline Font Size (Date/Author)

Text Spacing

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 Margin (bottom)
H2 Margin (bottom)
H3 Margin (bottom)
H4 Margin (bottom)
H5 Margin (bottom)
H6 Margin (bottom)
Paragraph Margin (bottom)

Pages & Posts

These options apply display options to theme template items on pages and posts.

Post Content

Display Post Image
Display the post image at the top of post content.
Display Post Title
Display the post title at the top of post content.
Display Post Category
Display the post category at the top of post content.
Display Post Author
Display the post author name and image in the byline at the top of post content.
Display Post Date
Display the post date in the byline at the top of post content
Comment Count Flag
Display the comment count flags on posts.

Buttons, Bars & Borders

These options apply enhanced styles to common Wordpress objects and classes.

Pagination Bar

Pagination Bar Version
Choose which style of pagination bar to use throughout the site. V2 uses standard Button styling.

Buttons

These styles will apply to all button objects and objects with the "button" class.
Button Border Width
Set Border Width to None 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.
Button Hover Font Color
Button Color
Button Hover Color
Button Border Color

Posts Lists / Archives

These options apply to anything that displays a list of posts. (IE: category landing pages, search results, posts blocks and shortcodes, recent posts when displayed on the home page)

Options

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.
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).

Display Options

Posts Display Mode : Sitewide Default ~ Choose a default style for displaying posts found in posts lists and blocks throughout the site.
  • 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 consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Thumbnails : Works the same as the Image Grid with a smaller title (adjustable) and hidden byline.
Posts Display Mode : Blog Page
  • 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 consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Thumbnails : Works the same as the Image Grid with a smaller title (adjustable) and hidden byline.
Posts Display Mode : Category Pages
  • 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 consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Thumbnails : Works the same as the Image Grid with a smaller title (adjustable) and hidden byline.
Posts Display Mode : Search Results
  • 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 consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Thumbnails : Works the same as the Image Grid with a smaller title (adjustable) and hidden byline.
Posts Display Mode : Author Page/Box
  • 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 consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Thumbnails : Works the same as the Image Grid with a smaller title (adjustable) and hidden byline.
Categories Display Mode ~ Choose a responsive style for displaying categories found in category lists and blocks throughout the site.
  • Image Grid : The image grid places image blocks in a row with consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Title Below Image : Display the image over the category title/link.
  • Thumbnails : Displays as a thumbnail over the category title/link, but with a CSS Flexbox layout.
Display Post Author
Display the post author name posts lists.
Display Post Date
Display the post date in posts lists.
Comment Count Flags
Display the comment count flags in posts lists.

Display Mode Settings

Article : Include Separator
Display a line between posts in Article Display Mode.
Article : Image Alignment
Choose left or right alignment for the post image in the Article display mode.
Article : Post Item Spacing
Set the distance in pixels between post items in all display modes. By default it will use the Sitewide Padding setting.
Article : Image Width
Choose the width for the image in Article mode. Height will vary by image aspect ratio.
Image Grid : Object Alignment
Choose the horizontal alignment for post/category objects in the Image Grid display mode.
Image Grid : Post Item Spacing
Set the distance in pixels between post items in all display modes. By default it will use the Sitewide Padding setting.
Image Grid : Text Display ~ Choose where and how to display the text for boxes in the Image Grid display mode.
  • Image Grid : The image grid places image blocks in a row with consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
  • Title Below Image : Display the image over the category title/link.
  • Thumbnails : Displays as a thumbnail over the category title/link, but with a CSS Flexbox layout.
Image Grid : Item Min-Width
Choose the minimum width for the post box in Image Grid mode. The width is responsive using flexbox to adapt the grid across browser sizes.
Image Grid : Text Alignment
Set the text alignment for all post objects in Image Grid mode.
Thumbnails : Object Alignment
Choose the horizontal alignment for post/category objects in the Thumbnails display mode.
Thumbnails : Post Item Spacing
Set the distance in pixels between post items in all display modes. By default it will use the Sitewide Padding setting.
Thumbnails : Item Min-Width
Choose the minimum width for the post box thumbnails. The width is responsive using flexbox to adapt the grid across browser sizes.
Thumbnails : Font Size

Layout

Bar Layout
Choose which Bar Layout to use for the Header.
Header Minimum Height
Specify a minimum height for the header banner. The header will grow bigger to accomodate the contents and vertical padding.

Style

Title / Subtitle Text Alignment
Horizontal alignment for "Site Title" and "Tagline" if they are used in the header.
Text Color
Hover Text Color
Background Color
Choose the background color for the header, this is overrided if a "Header Image" is assigned.
Accent Color

Logo

Open the WP-Core "Site Identity" panel to assign your site/organization logo.
Logo Maximum Height
Specify a maximum height for the header logo.
Logo Vertical Position
Choose where (vertically) to anchor the logo in the header (top, middle, bottom).
Logo Horizontal Position
Choosing right will put the logo on the right with the header content aligned to the left. Title / Subtitle Text Alignment will still be respected independent of this setting.
Vertical Padding
Choose how much space to put above and below the logo.

Corner

Display Search Box
Include a search box in the top corner of the header.
Display Login Link
Include a login link in the top corner of the header.
Display Home Link
Include a homepage link in the top corner of the header.

Site Title

Display Site Title
Site Title Font Size
Site Title Font Weight

Tagline

Display Site Tagline
Tagline Font Size
Tagline Font Weight
The footer includes an optional logo, a menu location, a widget location and the site copyright. Version 2 of the footer displays the logo and widgets on the left side, and expands the menu into columns.
Footer Version ~ Choose which footer template to use.
Each has it's own usage and placement of the Social Bar, Copyright and Menu. The V1 menu is simple with only top level items. The V2 menu is designed to use 2 level menu items in a 1-3 column format.
Bar Layout
Choose which Bar Layout to use for the Footer.
Background Color
Choose a background color for the footer bar.
Text Color
Choose the colors to use for the footer menu and copyright text.
Menu Hover Text Color
Display Footer Logo
Logo ~ (Suggested Max-Size: 400W x 50-150H)
We suggest using an image file with a transparent background (png) or one that matches the footer background color. Footer V1 is restricted to a height of 48px, and Footer V2 to a width of 400px. If no image is assigned, it will use your Site Identity logo.
The Navigator Bar includes a Main Bar with a WordPress menu location and optional search box. Below that is an automated Category Bar for WP posts and WooCommerce products.
Display Navigator 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.
Sticky Navigator Bar
"Stick" the Navigator Bar to the top of the device/browser when scrolling.

Main Bar

This bar is displayed below the header, and is sticky upon page scroll. The mobile menu uses the Main Bar colors.
Bar Layout
Choose which Bar Layout to use for the Navigator Bar.
Navigator Text Color
Choose background and font colors for the Navigation Bar. The mobile and hover menus use these colors as fallbacks.
Navigator Background Color
Navigator Hover Text Color
Active / Effect Color
Navigator Accent Color
This color is used for the Navigator top borders and bottom shadow. Set as transparent to hide the accent borders and shadow.
You may include a site-wide search box in the right side of the Main Bar.
Include 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.
Include on Blog Page
Include on Categories
Include on Pages
Include on Posts

Category Bar

This bar is displayed below the Navigator Bar on archive and Woo shop/category pages. It includes top-level categories on home and shop pages, and child categories on archive/category pages. Colors are inherited from the Navigator Bar unless you assign new colors.
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.
Bar Layout
Choose which Bar Layout to use for the Category Bar.
Category Bar Background Color
Category Bar Text Color
Category Bar Hover Text Color
Category Bar Active / Effect Color
There are 3 menu locations, one each in the Header, Navigator Bar and Footer. Header and Navigator menu items an display direct children in a Hover Menu when moused over. All menus displayed on the page are combined to create the Mobile Menu.
Text Size
Choose the font size you wish to use for the menu (Main Menu) in the Navigation Bar.
Text Case
Choose to capitalize words, force upper/lower case, or just leave it unmodified.
Menu Hover Effect (animation)
Add a little motion to your Header and Navigator menus by choosing one of these CSS animations.

Hover Menu

When you mouse over a Header or Navigator menu item that has children, they appear in a Hover Menu directly below the link. (one level of children only)
Display Hover Menu
Activate the Hover Menu and include nested items.
Sub-Menu Down Carat
Include a down carat symbol in nav menu buttons for menus that have a sub-menu.
Text Color
Text Hover Color
Background Color

Mobile Menu / Burger Bar

When the browser reaches 900px or less it enters mobile mode, hiding all header bars. The Mobile Menu opens as a small "Burger Bar" with a logo and "burger" button that opens the menu.
Sticky Burger Bar
"Stick" the Burger Bar to the top of the device/browser when scrolling.
Show All Sub-Menus
By default the Mobile Menu only displays top level menu items and the Sub-Menu for the current page. Activate this option to always show all Sub-Menus.
Show Category Menu
Product Category Menu
Text Color
Text Hover Color
Background Color
Display Logo
Logo ~ (Suggested Max-Size: 200W x 48H)
We suggest using an image file with a transparent background (png) or one that matches the Burger Bar background color. If no image is assigned, it will use your Site Identity logo.

Breadcrumbs

Breadcrumbs are displayed below the header on posts and categories (archives).
Display Breadcrumbs
Check to include the breadcrumb links on archives (category), posts and pages with parents.
Include Search Box
Check to include a search box in the breadcrumb bar on archives (category) and the Blog page. The search box does not require Display Breadcrumbs to be on, it will be displayed in the "Breadcrumb Bar" object with or without crumbs.
Bar Layout
Choose which Bar Layout to use for the Breadcrumb Bar.
Horizontal Alignment
Font Color
Font Hover Color
Background Color
Breadcrumb Font Size
Font Case
Choose to capitalize words, force upper/lower case, or just leave it unmodified.
Bold Last Breadcrumb
Check this box to bold the last breadcrumb (page/post title).
Display Last Breadcrumb
Uncheck this box to leave out the last breadcrumb (page/post title).
Breadcrumb Separator
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).

Slide-Bar (widgets)

Rather than the traditional "sidebar", this theme include a mobile-first AMP "Slide-Bar" combining sitewide, page specific and page-type widget locations. The bar slides open from the side with a button press.
Display Slide-Bar Logo
Slide-Bar Logo
We suggest using an image file with a transparent background (png) or one that matches the background color with a width equal to the Slide-Bar Width. If no image is assigned, it will use your Site Identity logo.
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).
Slide-Bar Width
Choose a static or responsive width for the slide-bar on pages that display it.
Slide-Bar 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.

Mobile Mode

Mobile Slide-Bar Logo
You must choose to show or hide the Slide-Bar Logo in mobile mode independently from the base setting.
Mobile Slide-Bar Width
You may choose a custom width for the Slide-Bar when it is displayed in mobile mode.
Mobile Slide-Bar Padding
You mau choose a custom padding for the Slide-Bar in mobile mode.

Social Button Bars

You may include a Social Button Bar with links to your pages on supported network sites. You may also include a Social Share Bar that handles the sharing the current page/post on supported networks.

Social Button Bar

You may add links to your page on popular social websites as icons in their own header and/or footer bar.
Social Button Bar Locations
Choose between header, footer, both or none to inlcude/exclude bar locations.
Enter a URL for each buttons/provider you wish to include.
Facebook
Instagram
Twitter
YouTube

Button Bar Styles

Text
Enter text you wish to display before the icons in the Footer Social Bar.
Font Size
Font Color
Choose the typical aspects for styling your bar. These settings are separate from the Footer Bar.
Background Color
Vertical Padding
Button Shape
  • 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.
Button Size
Choose from 4 preset sizes to display the icons. (normal… to biggest : 40px… to 120px)
Icon Color
Choose a color for the icon’s static state as well as it’s hover state.
Icon Hover Color
Button Color
Choose a color the the button’s static state as well as it’s hover state and border. These settings only apply when you have chosen either Circle, Square Rounded Square for the button style.
Button Hover Color
Button Border Color

Social Network Share Bar

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.). Choose whether or not to include it on pages and/or posts and which proividers to include within it.
Include Share Bar on Pages
Include Share Bar on Posts
Include Facebook
Include LinkedIn
Include Pinterest
Include Tumblr
Include Twitter
Include Email

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, which page types display them, then add Hero Banner image support as desired. You may also assign hero shots to individual pages, posts and categories, which will be displayed while ignoring the default image and page type settings.
The text color settings default as white with a black shadow to help offset it against any background color, you may change them as you wish.

Title Bar

Bar Layout
Choose which Bar Layout to use for the Title Bar.
Vertical Padding
Text Color
Text Shadow Color
Background Color
Horizontal Alignment
Font Weight
Sub-Title Font Weight
Text Case
Choose to capitalize words, force upper/lower case, or just leave it unmodified.
Title Bar - Home
Choose which page types to display the Title Bar from Home, Blog, Pages, Posts and Categories.
Title Bar - Blog
Title Bar - Pages
Title Bar - Posts
Title Bar - Categories

Hero Banner

Bar Layout
Choose which Bar Layout to use for the Hero Banner.
Minimum Height
Set the height to use for Hero Banners, they will increse in height as the content wraps.
Vertical Padding
Title Color
Title Shadow Color
Horizontal Alignment
Choose how to align the title and buttons in the banner.
Vertical Alignment
Choose how to align the title and buttons in the banner.
Font Weight
Sub-Title Font Weight
Text Case
Choose to capitalize words, force upper/lower case, or just leave it unmodified.
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.
Hero Banner - Home
Choose which page types to display the Hero Banner (if available) from Home, Blog, Pages, Posts and Categories.
Hero Banner - Blog
Hero Banner - Pages
Hero Banner - Posts
Hero Banner - Categories ~ Categories have no local setting for using their Featured Image in the Hero Banner.

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 various styles to the Gutenberg Heading Blocks with top/bottom bars. 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)
Style H2 Blocks
Style H3 Blocks
Style H4 Blocks
Style H5 Blocks
Style H6 Blocks
Text Alignment
Set the default text alignment for styled Heading Blocks.

Accelerate Spacing Block

Spacing Block Height
Height in pixels for the Accelerate Spacing Block.
Spacing Block Mobile Height
Height in pixels for the Accelerate Spacing Block in mobile mode.

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.
Consent Text
Enter/edit the text you want to display when the user is promted for GDPR consent.
Consent Link
You may add a button to the GDPR consent form to link your Privacy Policy or Terms of Service page by entering a link to it here. If left blank, the button will not be displayed.
Consent Link Button Text
Enter text for the added link button. If left blank, the button defaults to "More Info".

Analytics

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)
Google Tag Manager (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.