Overview:

The design options tab allows you to control the look and feel of iFeature Pro, including fonts, background, colors, and even Custom CSS. These powerful options allow you to make a wide variety of design choices, so continue reading below to learn more.

Responsive Design

This option controls whether or not your site uses responsive design. To disable responsive design, toggle the switch to off.

Select a Color Scheme

iFeature Pro includes nine different color scheme options which change the color of the iMenu and the link color throughout the theme. These colors are: Blue (default), Black, Dark Blue, Green, Grey, Orange, Pink, Red and White.

Typography:

Choose A Font

Select the font you would like to use from the drop down menu. The default font is Arial, and you have a choice between a number of standard web fonts and Google fonts. Additionally, if you select “Custom” from the drop down, a custom font option will appear below the drop-down menu where you can enter a custom font not found in the list. You have the choice of using standard Web fonts and any of the Google Web Fonts. If entering a Google font with more than one word, please use a + symbol in between the words instead of a space. For example, “Maven+Pro”.

TypeKit Code

If you wish to use TypeKit fonts with iFeature Pro 3, please enter your custom TypeKit code into the text box.

Choose A Menu Font

This option allows you to select the font you would like to use for the iMenu only. The default font is Cantarell, and you have a choice between a number of standard web fonts and Google fonts, or you can enter your own font below (Google Fonts with more than one word format as follows: Maven+Pro)

Menu Link Color

Use the color picker to select the site menu link color. The default is “FFFFFF” which is the hex code for the color white. To change the link color to black you can use the color picker, or simply enter “000000″.

Background:

Select a Background

iFeature Pro offers six unique background choices. Simply select the image that represents the background you wish to use, and it will be applied when you save your settings.

Custom Background

If you wish to use your own custom background image or a standard color, turn the “Custom Background” option to “On”. The following background options will appear when this option is enabled.

Background Image

Use this image uploader to upload your own custom background image.

Select the Image Position

Select from either “Left”, “Center”, or “Right” to choose the position of your custom background image.

Select the Image Repeat

Use these options to control how the image is repeated. You can select Tile Horizontally, Tile Vertically, Tile (which repeats both Horizontally and Vertically) or No Tile which will not repeat the image.

Select the Image Attachment

Choose between “Scroll” and “Fixed”. A fixed background means that the background image will never move as you scroll down the page, whereas a scroll background will move as you scroll down the page.

Select a Background Color

If you would rather use a standard color as your website background, use the color picker to select the color you want to use.

Custom Colors:

Menu Link Color

Use the color picker to change the color of the links in the iMenu. The default color is white.

Site Title Color

Use the color picker to change the name of the site color in the header.

Site Description Color

If you have the site description (tagline) enabled and wish to change the color, use this color picker to do so.

Link Color

Use the color picker if you would like to change the color of the links throughout iFeature Pro 3.

Post Title Color

Use the color picker to select a custom post title color if you wish.

Footer Color

Use the color picker to select a custom footer color.

Custom Home Icon

This section allows you to upload a custom home icon image for the iMenu. For example you could upload a small company logo.

Hide Home Icon

This check box allows you to hide the home icon in the iMenu.

Hide Menu Search
This check box allows you to hide the search box in the iMenu.

Site Title Color

Use the color picker to select the site title color.

Site Description Color

Use the color picker to select the site description (tagline) color.

Link Color

Use the color picker to select the site link color.

Post Title Color

Use the color picker to select the post title color.

Custom CSS:

Override the default CSS. Please see Using Custom CSS for a further explanation. You may also want to consider using a Child Theme instead.

Permalink