Customizer – General Settings

You are here:
Estimated reading time: 2 min

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 Yoast SEO, 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 Yoast SEO, 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 Rey theme > 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 Rey theme > Global Sections page.

Here’s an article on how to create a sticky header .

Was this article helpful?
Dislike 0
Views: 43

Join the conversation