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 .
6 Replies to “Customizer – General Settings”
Irving
Hi, How to change the brand’s section.
I want to change the names
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
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.
عاطف احمد عبد الفتاح
Does this theme support Arabic language?
Marius[ Post Author ]
Hey there! Yes it does. Just by switching the site language to Arabic the site should switch to RTL mode.
Rachan
What if websafe system fonts like Georgia are being used? There is no way to select them?