Configuring Advanced Options

Description of advanced settings in WordPress themes.

Configuring Color Scheme

To customize your active WordPress theme color scheme, in the WordPress admin panel.

  • Go to Appearance > Theme Options > Color Control.
  • Select the color scheme of your choice, or
  • Manually select active theme colors.

Configuring Fonts

To customize your active WordPress theme fonts, in the WordPress admin panel:

  • Go to Appearance > Theme Options > Typography.
  • Selects fonts for each of the text content types:
    • Headings - font type to use for the site headers.
    • Primary font – font of the regular body text.
    • Secondary font - font for secondary texts, such as subtitles, metabars and similar text from the provided options.
    • Inputs and Text areas - font type for the inputs and text areas.
  • For each of the selecting font groups, you can choose letter spacing, transform (Uppercase, Capitalized, Lowercase), variant (normal, small caps), weight (normal, bold, light) and style (normal, italic). This configuration is available for with the Edit font styling button.

Adding Custom CSS Styles

There are two ways to use custom CSS style for your website: change the theme CSS file, or add a custom CSS and use it with selected pages.

Changing Theme CSS

To add a custom CSS to an installed WordPress theme, in the WordPress admin panel.

  • In the Admin panel, go to Appearance > Editor.

Editor

  • Select the theme to edit in the right part of the screen.

Theme Editor

  • After you select the theme, its CSS file will become available for editing.

    NOTE: Consider using the CUSTOM CSS feature, as by configuring the site CSS file directly you might break the site styles. Refer to Adding Custom CSS for details.

CSS files

  • You can either edit the current CSS style, or update its contents by pasting new CSS in the editor.
  • Once done, click Update File to apply changes.

Adding Custom CSS

To add custom CSS code:

  • Go to Appearance > Theme Options > General.
  • Check the uppermost CUSTOM CSS checkbox.
  • Add your CSS code to the text box below.

Custom CSS option

  • Click the Save Settings button.

Integration with Web Services

Integrating Third Party Code

In many cases, you would want to integrate your website with multiple web services such as Google Analytics. To do the integration, you need to enable the WordPress site code editing. To do that, in admin panel:

  • Go to Appearance > Theme Options > Integration.
  • In the Main Integration group, select the checkbox that best suits your needs. The following options are available:
    • Enable head custom code, which enables adding code to the header element of all pages of your website. Disabling this option removes the code from your site (the code is saved and can be used later on).
    • Enable body custom code, which enables adding code to the body element.
    • Enable single top code, which you can use for adding code to the top of all single posts.
    • Enable single bottom code, which you can use for adding code to the bottom of all single posts.
  • Click Save Settings to apply the changes.

Adding Banners

To add advertisement banners, which will appear below the single post content:

  • Go to Appearance > Theme Options > Integration.
  • In the AdSense and Advertisement Integrations group, select the type of advertisement service that you want to use:
    • AdSense – Google service that adds its own banners automatically, while you need to add the code provided by Google upon your registration for AdSense services.
    • Advertisement – WordPress basic feature that enables you to add banners manually. You need to upload a banner image, specify target site URL, image title, shown when user hovers over the image; and an alternative text, shown if image is not loaded correctly.
  • Click Save Settings to apply the configuration.