Tips & Tricks

Customize theme / Child theme #

To make any changes to the theme files use a child theme, or when you update your changes to the theme files may be lost

Child Theme is included in the main archive

Child Themes documentation in WP codex

Banner

Banner Settings

General
  • Style – Select banner style
  • Content in Row – Choose On if you want display conten in row (for Style 2)
  • Height – Set max height block
  • Style Navigation Line – Select style of banner bottom block
Slider Settings
  • Transition Effect – You can chose transition effect for slider
  • Loop – Restart the slider automatically as it passes the last slide.
  • Autoplay – Set this option to “On” if you would like the slider changes slides automatically.
  • Autoplay TimeOut – Set autoplay timeout
Elements
  • Navigation Arrows – Show or Hide navigation arrows
  • Social buttons – This option is responsible for displaying social icons. By default, links are taken from “Ottro Theme > Theme Options > Social buttons, if you want to use unique links go to the tab “Social Links” (#6)
    • Social buttons align – Set social links position

Banner Item Settings

  • Sub Heading – Type sub heading (#4)
  • Heading – Type heading (#5)
    • Wrap the text in { } if you want the text to be another style. (#6)
  • Text – Type text or html code (#8)
  • Link button – type url and link text (#7)
  • Button Type – Select button type
  • Fields – Type fields. New per row. Example: Location:||UK, London, Baker Street 23
  • Video in LightBox – Choose video url from youtube, vimeo or from media library
  • Button Label – If you need change label, by default “Play Video”
Background Setting

On this tab you can configure banner background.

  • Background Video url – Type Video url for background
  • Background Color – Choose background color
  • Background Image – Choose or upload background image
  • Background Size – Set background size
  • Background Position – Set bacground position
  • Color overlay – Overlays the selected color on the image. For example, using this option, you can darken the image so that the text is more readable.
  • Gradient Overlay – Overlays the selected gradient colors on the image
Background Video

On this tab you can configure banner background video.

Customizing
  • Content Align – Set content align
  • Content Color – Select slide content color
  • Heading Size – Select heading size from h1 to h6
  • Custom Font Family – Switch ‘On’ and select custom font family for heading
Elements
  • Social Buttons – Show or Hide social buttons
  • Scroll Down Button – Show or Hide scroll down buttons
  • Social Buttons Align – Choose social buttons align

Icon Box #

Icon Box Settings

Style

Style1 (Hover Type 1)

Style1 (Hover Type 2)

Style2

Style3

Style4

Style5

  • Carousel – Enable carousel for items
  • Cols – Choose the number of columns for different screen resolutions

Customizing

On this tab you can set font size and change default colors

Icon Box Item Settings

  • Icon library – Select icon library (#1)
  • Icon – Chose icon (#1)
  • Heading – Type heading (#2)
  • Description – Type your description (#3)
  • Link – Type url and link text (#4)

Price List #

Price List Settings

 

  • Cols – Choose the number of columns for different screen resolutions
  • Style – Choose price list style
    • Style 1
    • Style 2
  • Loop – Restart the slider automatically as it passes the last slide.
  • Autoplay –  Set this option to “On” if you would like the slider changes slides automatically.
  • Autoplay TimeOut – Set autoplay timeout
  • Navigation – Show or Hide navigation arrows (#1)

Price List Item Settings

  • Best? – Set ‘On’ if you want highlight price item (#1)
  • Image – If selected “Style 2” you can set background image
  • Heading – Set heading (#3)
  • Monthly Price – Set monthly price (#2)
  • Annual Price – Set annual price (#2)
  • Options – Set options, new per row (#4)
  • Link – Type url and link text (#5)

Testimonials #

Testimonials Settings

  • Type – Select type testimonials
  • Cols – Choose cols count
  • Loop – Restart the slider automatically as it passes the last slide.
  • Autoplay – Set this option to “On” if you would like the slider changes slides automatically.
  • Autoplay TimeOut – Set autoplay timeout
  • Navigation Arrows – Show or Hide navigation arrows (#1)

Testimonials Item Settings

  • Avatar – Set image for avatar (#2)
  • Quote – Type testimonials quote (#5)
  • Name – Type name (#3)
  • Post – Type post (#4)