These options can be found in Customizer > General Settings panel eg: https://d.pr/i/84SJZ1 .
Layout Settings #
Container Width
Customize the container width. This will force all site containers to expand horizontally, as you customize it.
Sizing possibilities:
- Default. Will stay at 1440px .
- Full width. Will stretch containers to the entire width of the page.
- Pixels. Custom sized pixels.
- Viewport. Custom sized viewport width units vw (1vw = 1% of the viewport).
This option applies on desktops only. Once the viewport is equal to the custom defined width, it will stay full.
Site Padding
With the help of this option you can add padding around the site, including around the header, footer and content.
Don’t forget to add the unit, eg: px, em, rem, vw, vh etc.
Content padding
Will add a padding around the content only.
Don’t forget to add the unit, eg: px, em, rem, vw, vh etc.
Style Settings #
Background
Change the background image and color of your site.
Text Color
Change the site’s text color.
Link Color
Change the links colors. This handles links at a very low specificity level.
Primary Color
This color is used for various elements throughout the site. For example primary buttons.
Typography Settings #
Site Typography
These typography settings will apply to the site general typography. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Heading 1
These typography settings will apply to the H1 headings typography styles. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Heading 2
These typography settings will apply to the the H2 headings typography styles. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Heading 3
These typography settings will apply to the H3 headings typography styles. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Heading 4
These typography settings will apply to the H4 headings typography styles. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Heading 5
These typography settings will apply to the H5 headings typography styles. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Heading 6
These typography settings will apply to the H6 headings typography styles. If you’re planning on using Google Fonts, don’t forget to preload your Google fonts.
Site Identity #
Site Title
This is the site’s title, that you can also change in WordPress backend > Settings page. If you’re using a plugin such as Rank Math (which is included with Wraith), you shouldn’t worry too much about this one.
Tagline
This is the site’s tagline / description, that you can also change in WordPress backend > Settings page. If you’re using a plugin such as Rank Math, you shouldn’t worry too much about this one.
Site Icon
Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. Make sure it’s square and at least 256px x 256px.
Site Preloader #
Enable site preloader
These settings are applied to the site’s preloader, the overlay and animation before the site and pages are loaded to the visitor.
Color
Choose a color of the the bar that’s being animated.
Global Sections #
Assign Generic global sections throughout the website. You can create as many as you want by accessing Wraith > Global Sections page.
Read more about what exactly are Global sections, and how to create & assign them .
Sticky Global Sections #
You can now assign Generic Global Sections as sticky panels, either at the top or bottom of your site, upon scrolling the page.
You can build a Sticky Header or even some sort of promotion to show off at the bottom of the site.
You can create as many as you want by accessing Wraith > Global Sections page.
Here’s an article on how to create a sticky header .