Customizing Innofit-Plus

After the Innofit theme and Innofit-plus plugin installtion and activation, go to Appearance → Customizer to start customizing Innofit.

CUSTOMIZE OPTIONS

Site Identity

In your WP Admin Panel, go to → Appearance → Customize → Homepage section settings

Settings:

  • Logo – Suggested image dimensions: 175 by 45 pixels.
  • Site Title – The main title of the site.
  • Tagline – A tagline is a short phrase, or sentence, used to convey the essence of the site.
  • Site Icon – A unique favicon icon for your site.
Site Identity

Menus

Front page with business template brings up to show various sections. You could set menu with custom links that directly scrolled the page to that respective section of the homepage after a click. For such menu, place custom links in the menu with its HTML ID as URL for the respective section on the homepage. The IDs are listed below:

  • Home / Slider – #totop
  • Service – #services
  • About – #about
  • Portfolio – #portfolio
  • Funfact – #funfact
  • Shop – #shop
  • Testimonial – #testimonial
  • Team – #team
  • Price Plans – #pricing
  • Callout – #call-to-action
  • Blog(Latest News) – #blog
  • Map – #map
  • Contact – #contact
  • Subscriber – #subscribe
  • Client – #sponsors

Theme style settings

In your WP Admin Panel, go to → Appearance → Customize → Theme style settings

Here you can change the style of your theme using various following below options:

  • Predefined Colors: You can change the color of the whole theme. These are predefined colors. Make sure below option ( Enable custom color skin ) should not be enabled.
  • Enable custom color skin: You even can set your own custom theme color. Just enable to this option and set the color to “skin color” option.
    • skin color: Set the custom color of the theme.
  • Theme Layout: You can set layout either fullwidth or in a boxed style.
    • Predefined default background: For boxed style layout, you can set the background image

Widgets

In WP Admin Panel, go to → Appearance → Customize → Widgets

Or

In WP Admin Panel, go to → Appearance → Widgets

  • Sidebar: Sidebar widget area
  • Footer: Footer widget left area, Footer widget central area, Footer widget right area
  • Social links: Social media menu lateral area ( for eg: )

  • Newsletter subscription: Subscriber section widget area ( for eg: )

  • WooCommerce: WooCommerce sidebar widget area

Layout

In WP Admin Panel, go to → Appearance → Customize → Layout

This section further categorized into four parts:

  • Header – Header image is the default image for all the posts/pages if does not publish with the featured image.
  • Footer –
    • Show Footer – You can hide/show the footer section.
    • Footer layout – Select the layout of footer section out of three.
    • Copyright text – This section is for the Copyright text. Here you even can put the HTML. However, for eg., we already have saved dummy Copyright text. You can edit to your own.
  • Blog / Archive – Uncheck the option to hide the meta values ( like author name, date, comments, etc. ) for the Blog / Archive section.
  • Archive pages title – It is the page which brings out the posts in certain criteria based on category, author, tag, search,  404, archive ( date based ) or shop. From here you can edit the title of such archive pages. ( Screenshot1 Screenshot2)

Colors / Background

In WP Admin Panel, go to → Appearance → Customize → Colors / Background

  • Footer – You can set the color of the footer attributes:
    • Widget Title color
    • Text color
    • Link color
    • Link Hover color
    • Footer background color
    • Background Image
    • Background repeat
    • Background position
    • Background Size
    • Background Attachment
  • Footer Copyright – Here you can set HTML text. You can set the color of text, effects to the anchor link and set a background color.
    • Text color
    • Link color
    • Link Hover color
    • Footer background color

Additional CSS

In WP Admin Panel, go to → Appearance → Customize → Additional CSS

Add custom CSS to the Additional CSS section to make changes in the style of the elements.

Typography settings

In WP Admin Panel, go to → Appearance → Customize → Typography settings

You can set the Font size, Font family and the Font style for the following:

  • Custom typography – Check to Enable custom typography
  • General Paragraph – Font settings of <p> tag. eg: post/page content.
  • Menu – Font settings of Menu.
  • Section title – Frontpage sections title’s font setting.
  • Section description – Frontpage sections description’s settings.
  • Widget heading title – All the widgets title’s font settings.

Theme Layout Manager

In WP Admin Panel, go to → Appearance → Customize → Theme Layout Manager

Here you see the section name text in the box and these boxes are draggable. Just drag the section box into the Disable area if want to hide it from the homepage.

  • Enable – Text boxes present here will be enabled to visible on the homepage.
  • Disable – Text boxes present here will not be visible on the homepage.