Configuring Default Options and Advanced Settings in NoUI Theme

Default settings as well as advanced settings for the NoUI Theme.
Yasya El Hakim
146 Reads ·
Comment

NoUI Theme was developed and designed optimally so that users can use it easily. Installing and Customizing this theme does not require any special knowledge of HTML, CSS or JavaScript.

Forbidden Settings

Although you can customize this theme flexibly. However, there are settings that are forbidden to change. The setting is Background image.

Background Settings

Initially, this setting is useful for changing Meta Image for Index page as well as for changing Key color (Browser Tab/Navbar Color). Since we still haven't figured out the best way to set it up, we hope you haven't changed anything in it.

Default Options

There's a Default setting that you don't really need to touch, but it's important and you can still customize it. Here are each one:

Viewport Pinch Zooming

This feature is useful for when the user wants to zoom in on a page on a mobile device or other touch screen device by pinch-zooming the screen, allowing you to zoom in and out. This functionality is mostly needed to provide an application experience on a web page.

By default, this feature is enabled. If it is disabled, it will cause problems for users with low vision who rely on screen magnification to properly see the contents of a web page.

But if you want to customize it, you can follow these steps:

  1. Go to Blogger Dashboard, select the Theme menu;
  2. Click the CUSTOMIZE button;
  3. Click Advanced Dropdown, click Default Options Dropdown;
  4. Look for the Slider setting named Viewport Pinch Zooming (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Pinch Zooming will be disabled;
    • 2px: Enable - Pinch Zooming will be enabled;
  5. Click the Save button (diskette icon) in the lower right corner.

Warning:

  • If you disable this feature, most Web Development Tools such as PageSpeed Insight and Web.dev will reduce the accessibility score.

Custom SVG Icon

NoUI Theme uses SVG icons. There are several advantages of SVG Icons, including scalability, SEO friendly, editing ability, and independent resolution. Therefore, the future of SVG will look bright and the trend of using SVG will continue to increase.

In addition to using the Default Icon, you can also change all the icons.

More documentation will be explained separately in the Configuring Custom Icons and Icon Packs.

Default Color Settings

There are several color settings for the Default Options that can be customized, namely:

  • Default Key Color: To set the Default Key or Main Color;
  • Default Background Color: To set the Default Background Color;
  • Default Text Color: To set the Default Text Color;
  • Default Meta Color: To set the Default Meta Color;
  • Default Border Color: To set the Default Border Color.

Here are some steps to customize it:

  1. Go to Blogger Dashboard, select the Theme menu;
  2. Click the CUSTOMIZE button;
  3. Click Advanced Dropdown, click Default Options Dropdown;
  4. Find a color setting and select the color you want to change;
  5. Click the Save button (diskette icon) in the lower right corner.

Those are some steps to configure the Default Options. If you have any questions, please write them in the comments section.

Comment
Share

Sign In

By continuing, you agree to our User Agreement and acknowledge that you understand our Privacy Policy.

Sign in with Google

Or, Sign in with