FAQ Settings

Customization

Monogram includes a dedicated FAQ custom post type with its own archive page. You can customize the FAQ page header through the Customizer.

#Accessing FAQ Settings

Open Appearance > Customize > FAQ to configure the FAQ page header. All settings are grouped under the Header tab.

The FAQ page header is a full-width hero section displayed at the top of the FAQ archive page. It supports a background image or video, breadcrumb navigation, and customizable text colors.

#General Settings

Setting

Type

Default

Description

Enable Page Header

Toggle

Off

Display a dedicated hero header section at the top of the FAQ page. All other settings below become available once this is enabled

Show Breadcrumbs

Toggle

On

Display a breadcrumb trail inside the FAQ page header (e.g., Home > FAQ)

Override Global Breadcrumbs

Toggle

Off

Use a different breadcrumb source for the FAQ page instead of the global setting

Breadcrumb Source

Select

Auto detect

Choose which plugin generates breadcrumbs: Auto detect (recommended), Yoast SEO, Rank Math, SEOPress, or Theme default. Only shown when override is enabled

Header Subtitle

Textarea

Empty

Optional short text displayed below the FAQ page title. Keep it to one or two sentences

#Layout Settings

Setting

Type

Default

Range

Description

Header Height

Number

500px

300-1000px

Vertical height of the FAQ page header. Values between 400-600px work well for most layouts

Text Color Mode

Select

Default

n/a

Controls the color of title, subtitle, and breadcrumb text. Choose Default (follows theme), Light (white text for dark backgrounds), or Dark (dark text for light backgrounds)

Overlay Opacity

Slider

0.3

0-1

A semi-transparent dark layer over the background to improve text readability. 0 = no overlay, 1 = fully black. Values of 0.25-0.45 work well for most photos

#Background Settings

Setting

Type

Default

Description

Background Type

Select

Image

Choose what fills the header background: None (theme background color), Image (static photo), or Video (looping clip)

Background Image

Image

Empty

Select or upload an image. Recommended minimum width: 1920px. Compress before uploading. Only shown when type is Image

Background Video

Upload

Empty

Upload a short looping video (MP4 format, under 5MB). Plays automatically, silently, and on loop. Only shown when type is Video

#Advanced

Setting

Type

Default

Description

Extra CSS Class

Text

Empty

Add custom CSS class names to the FAQ header wrapper for page-specific styling. Separate multiple classes with a space

If you want a simple, clean FAQ page without a hero header, leave Enable Page Header turned off. The FAQ archive will display with the standard page layout.

#FAQ Content

FAQ items are managed as a custom post type. To add or edit FAQ entries:

  1. Go to FAQ in the WordPress admin sidebar.

  2. Click Add New to create a new FAQ item.

  3. Enter the question as the title and the answer as the post content.

  4. Publish the FAQ item.

FAQ items appear on the FAQ archive page and can also be displayed anywhere on your site using the FAQ Elementor widget, which renders them as an interactive accordion.

The FAQ Elementor widget lets you display FAQ items as an accordion on any page you build with Elementor.

Last updated

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.