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.
