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 .

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


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


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


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


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


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


LinkSticky 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: 4950

6 Replies to “Customizer – General Settings”

  1. Irving

    Hi, How to change the brand’s section.
    I want to change the names

    1. mariushoria[ Post Author ]

      Hey there!

      Not sure exactly which one you mean. Is it the one from the Mega Menu eg: https://d.pr/i/TuJhyC ? If so, you can access Rey > Global sections and edit that particular Mega Menu, and edit the WooCOmmerce attributes element eg: https://d.pr/i/IHiB8l .

      Marius

    2. mariushoria[ Post Author ]

      Or, if you mean the Brands (attributes), you can access the backend Products > Attributes and you can find the Brands taxonomy here.

  2. عاطف احمد عبد الفتاح

    Does this theme support Arabic language?

    1. Marius[ Post Author ]

      Hey there! Yes it does. Just by switching the site language to Arabic the site should switch to RTL mode.

  3. Rachan

    What if websafe system fonts like Georgia are being used? There is no way to select them?

Suggest article improvements

Please use this form to suggest improvements and report missing or outdated content. Support requests will most likely not be answered and it's best to use the Support Request Form instead. Thanks!