{"id":371,"date":"2020-07-12T07:09:43","date_gmt":"2020-07-12T07:09:43","guid":{"rendered":"http:\/\/redhost:8888\/documentation\/?page_id=371"},"modified":"2025-02-14T11:39:01","modified_gmt":"2025-02-14T11:39:01","slug":"customizer","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/marni\/customizer\/","title":{"rendered":"Customizer"},"content":{"rendered":"\n

The Customizer is the place where you have access to all the theme’s configuration settings. All changes may be previewed before saving them.<\/p>\n\n\n\n

You can find the Customizer at Appearance \u2192<\/strong><\/strong> Customize <\/strong>.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Site Identity<\/h4>\n\n\n\n

Appearance<\/strong> \u2192 Customize<\/strong><\/strong> \u2192 Site Identity<\/strong><\/p>\n\n\n\n

Upload the header logo.
More info at The Header<\/a>.<\/p>\n\n\n\n

Layout<\/h4>\n\n\n\n

Appearance<\/strong> \u2192 Customize<\/strong><\/strong> \u2192 Layout<\/strong><\/p>\n\n\n\n

Change your Header \/ Home \/ Archives \/ Single Blog layout.
Add content to your Footer Copyright Area.<\/p>\n\n\n\n

Typography<\/h4>\n\n\n\n

Appearance \u2192<\/strong><\/strong> Customize \u2192<\/strong><\/strong> Typography<\/strong><\/p>\n\n\n\n

Change the typography.

You can find the responsive typography settings at Appearance<\/strong>\u00a0\u2192\u00a0Customize<\/strong><\/strong>\u00a0\u2192\u00a0Responsive<\/strong> Typography.<\/strong><\/p>\n\n\n\n

Font Sizes<\/h5>\n\n\n\n

px VS em<\/strong>
For the font size and line height you can use either the px<\/strong> or em<\/strong> unit.
While px are fixed-size units (one pixel is equal to one dot on the computer screen), using the “em” unit will display the text element relative to the Base Font.
Example:
Base font size: 16px.
Headline font size: 2em. \u2192<\/strong><\/strong> The headline will display twice the size of the base font, which equals 32px.
<\/p>\n\n\n\n

The Base Font<\/strong>
Changing the Base Font will affect most other typography elements on the site as it also increases\/decreases all other text elements (like headlines etc.) that use the \u201cem\u201d unit. Any typography elements that use the \u201cpx\u201d unit will not be affected.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Using Custom Fonts<\/h5>\n\n\n\n

If you wish to add a custom font, you can use the Use Any Font <\/a>plugin for that. Once the plugin is installed and activated you can upload your font file at Use Any Font \u2192 Upload Font <\/strong>and then select the uploaded font at Appearance \u2192\u00a0Customize\u00a0\u2192\u00a0Typography<\/strong>, in any Font Family Field.<\/p>\n\n\n\n

Select your uploaded font under \u201cStandard Fonts”. <\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Colors<\/h4>\n\n\n\n

Appearance<\/strong> \u2192 Customize<\/strong><\/strong> \u2192 Colors<\/strong><\/p>\n\n\n\n

Change the color of the background, text, links, headlines, buttons, header, footer and more…<\/p>\n\n\n\n

Shop<\/h4>\n\n\n\n

Appearance<\/strong>\u00a0\u2192\u00a0Customize<\/strong>\u00a0\u2192\u00a0Shop<\/strong> \u2192\u00a0Shop Settings<\/strong><\/p>\n\n\n\n

Set the products per page.<\/p>\n\n\n\n

Appearance<\/strong>\u00a0\u2192\u00a0Customize<\/strong>\u00a0\u2192\u00a0Shop<\/strong> \u2192\u00a0Shop Frontpage Image<\/strong><\/p>\n\n\n\n

Set up the Shop Frontpage Image<\/p>\n\n\n\n

Appearance<\/strong>\u00a0\u2192\u00a0Customize<\/strong>\u00a0\u2192\u00a0Shop<\/strong> \u2192\u00a0Shop Frontpage Promo Boxes<\/strong><\/p>\n\n\n\n

Set up the Shop Frontpage Promo Boxes<\/p>\n\n\n\n

Connect<\/h4>\n\n\n\n

Appearance<\/strong> \u2192 Customize<\/strong> \u2192 Connect<\/strong> \u2192 Social Accounts<\/strong><\/p>\n\n\n\n

Set up your social accounts to display them in the top bar and in the Social Icons Block.<\/p>\n\n\n\n

Appearance<\/strong>\u00a0\u2192\u00a0Customize<\/strong>\u00a0\u2192\u00a0Connect<\/strong> \u2192 Share<\/strong><\/p>\n\n\n\n

Select whicht share buttons to display for each post..<\/p>\n\n\n\n

Media<\/h4>\n\n\n\n

Appearance<\/strong> \u2192 Customize<\/strong> \u2192 Media<\/strong><\/p>\n\n\n\n

Activate\/deactivate the Image Lightbox, which will open your images in a fullscreen Lighbox instead of in a new window.<\/p>\n","protected":false},"excerpt":{"rendered":"The Customizer is the place where you have access to all the theme's configuration settings. All changes may be previewed before saving them. You can find the Customizer at Appearance \u2192 ...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-371","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/comments?post=371"}],"version-history":[{"count":6,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/371\/revisions"}],"predecessor-version":[{"id":5313,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/371\/revisions\/5313"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/media?parent=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}