How to customize Savana theme

Savana Main Settings

Color Scheme

From this section you can manage the color scheme of Savana

  1. Body Color Schemes
    You can select the color scheme of body alternately, if you set NONE, you will able to choose a custom color going to Appareance > Colors

Page width

From this section you can manage the page width of Savana

  1. Screen greater than 768px
  2. Screen greater than 992px
  3. Screen greater than 1200px
  4. Screen greater than 1400px

General settings

From this section you can manage the general settings of Savana

  1. Enable or disable the topbar
  2. Enable or disable the breadcrumb
  3. Enable or disable the category title
  4. Enable or disable the searched item
  5. Enable or disable the post icons at thumbnail hover
  6. Set a different layout for the post formats
  7. Enable or disable the the read more button
  8. Enable or disable the back to top button

Slideshow settings

From this section you can manage the settings of slideshow on homepage

Important: You can also put the widget called Savana Slick Slideshow

  1. Enable or disable the homepage slideshow
  2. Enable or disable the filtering of articles to load only the sticky posts on slideshow and all other posts below the slideshow
  3. Select the position of slideshow, inside the top widget area or inside the header widget area
  4. Enable or disable the caption overlay
  5. Choose how many items load on the slideshow

WooCommerce settings

From this section you can manage the settings of WooCommerce.

  1. Enable or disable the header cart
  2. Enable or disable the cross sell products on cart page
  3. Enable or disable the related products on product page
  4. Enable or disable the up sell products on product page
  5. Make linkable the product thumbnails on WooCommerce category pages
  6. Choose the layout of shop page
  7. Choose the layout of WooCommerce categories

Layouts

From this section you can manage the layouts of Savana.

  1. Set a different layout for homepage: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar
  2. Set a different layout for categories: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar
  3. Set a different layout for search result: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar
  4. Set a different layout for portfolio categories result: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar
  5. Set a different layout for the read more button

Social Links and Footer

From this section you can manage the social icons and the copyright text

  1. Add the copyright text
  2. Add the link of all the major social networks
  3. Enable or disable the feed RSS button

Savana Featured Link

From this section you can enable or disable the featured link section on homepage

  1. Image
    you can select an image for each featured link from your WordPress media folder
  2. Title
    you can insert a title for each featured link
  3. URL
    you can insert the URL for each featured link

Savana Typography

Body

From this section you can choose a Google Font for the page body

Logo

From this section you can manage the typography of the logo.

  1. Logo font family
    you can choose a Google Font for the logo
  2. Logo font size
    You can set the size of logo
  3. Logo description font family
    You can choose a Google Font for the logo description
  4. Logo description font size
    You can set the size of logo description
  5. Description top margin
    You can add a space between the logo and the description

Top menu

From this section you can manage the typography of the top menu.

  1. Top menu font family
    you can choose a Google Font for the top menu
  2. Top menu font size
    You can set the size of top menu
  3. Top menu weight
    You can choose the font weight for the top menu
  4. Text transform
    You can display an uppercase top menu

Menu

From this section you can manage the typography of the menu.

  1. Menu font family
    you can choose a Google Font for the main menu
  2. Menu font size
    You can set the size of main menu
  3. Menu weight
    You can choose the font weight for the menu
  4. Text transform
    You can display an uppercase menu

Content

From this section you can manage the typography of the content

Headlines

From this section you can manage the typography of the headlines

  1. Headlines font family
    you can choose a Google Font for the headlines
  2. Headlines font size
    You can set the size of each headline (h1,h2,h3,h4,h5,h6)
  3. Headlines weight
    You can choose the font weight for the headlines
  4. Headlines transform
    You can display an uppercase title