Dannel - Creative Portfolio & Agency WordPress Theme

Introduction

First of all, Themes Flat thank you for choosing to buy our theme!

In this document, we provide all kinds of good information with all the details you need to use our theme. It is recommended you read it thoroughly to fully leverage the Dannel theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. ​We hope you have fun and enjoy working with our theme!

If you have any question contact us by
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

Requirements

There are minimal requirements to run this product:

Required must have

Besides, need more

After purchase and download we have file themeforest-20396082-themename.zip Continue we need Extract Files i have 3 files: 1.theme, 2.theme-child, 3.documentation

Please, follow the steps below to install Theme.

Watch the video One Click Install Demo

Install by WordPress Theme Manager

This is probably the simplest way for most users. Here are steps you need to take:

  1. Step 1 - Login to your WordPress Dashboard.
  2. Step 2 - Go to Appearance > Themes. And then click Add new button, located at the top of the screen or Add new theme (see screenshots below).
  3. Step 3 - Click on Upload button at the top of the screen.
  4. Step 4 - Next, Click Choose File button to browse themename.zip file in locate.
  5. Step 5 - Click Install button and wait a moment.
  6. Note:
    After installing the Main theme, if you want user more child Child theme. Then please continue install child-theme the with the same installation above

  7. Step 6 - After done installing, click Activate to publish the theme.
  8. Step 7 - After activating the theme a notice should appear on the top of the screen, click on link Begin installing plugins ( See screenshots below ).
  9. The theme requires the following plugin: Contact Form 7, Elementor, ThemesFlat, Themesflat Addons, and recommends the following plugins: One Click Demo ImportSlider Revolution  

  10. Step 8 - After install plugins, go to Dashboard > Appearance > Install Plugins, check all the plugins you want to activate require for this theme
  11. And active plugins

  • Go to Appearance > Import Demo Data

  • Go to Continue & Import

    And Wait

  • Install through FTP upload

    If you want to install via FTP, here are 3 steps you need to take:

    • Using FTP client, login to the server where your WordPress website is hosted
    • Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    • Using FTP client, upload the Dannel directory to themes directory on remote servers

    Once installation is complete, your Markio theme will be ready to use.

    To start customizing Theme, in the Admin page please go to Dashboard > Appearance > Customize

    Note:
    Please remember to click Save & Publish button after done customizing to save the changes
    These are global settings so its effect is site-wide. These settings can be overridden in single post or page

    General

    1. Site Information

        To Customize Theme you go to: Dashboarb -> Appearance -> Customize -> Site Identity

      • Site Title: You can setup and change your site title

      • Tagline: A few words to describe your site

      • Site Icon: Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps.

    2. Site Display

        To Customize Theme you go to: Dashboarb -> Appearance -> Customize -> General

      • Enable Smooth Scroll: Enabled Smooth Scroll or not

      • Enable Preload: Displayed while loading to another page

      • Go To Button: Enabled Go To Button or not

    Header

    To setup Header layout, please navigate to Dashboard > Appearance > Customize > Header.

    1. Custom Logo

      • Upload Your Logo: Drag or select your new logo on website here

      • Upload Your Logo On Mobile: Drag or select your new logo on mobile here

      • Logo Size: Choose the size for the Logo

      • Box Controls: Adjust padding and margin for logo

    2. Topbar

    3. Custom Menu

    4. Header Options

      Choices Header Style


      • Header Style: Choose the type of header you want to display by default on your website

      • Header Sticky: Enabled Header Sticky or not

      • Search Box: Enabled Search Box or not

      • Sidebar Toggler: Enabled Sidebar Toggler or not

      • Button on Header

          you can edit the content and link of the button on the header


    5. Custom Menu

        To setup Custom Menu layout, please navigate to Dashboard > Appearance > Customize > Menus

      • Select 1 menu to edit or create new


      • Drag and drop to change the menu here


  • Page Title & Breadcrumb
    1. Page Title Style

      To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Page Title > Page Title


      • Edit the Page Title Controls here:


    2. Breadcrumb
      • Enable Breadcrumbs: Turn on/off to show/hide the breadcrumbs


      • Breadcrumb Prefix: Enter prefix text for the breadcrumb

      • Breadcrumb Separator: Enter the character you want to use as the separator of breadcrumb

  • Typography

  • To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Typography

    1. Body Font: You can select Font family, Font size Font weight or Font color for the body text

    2. Topbar Font: You can select Font family, Font size Font weight or Font color for the topbar text

    3. Menu Font: You can select Font family, Font size Font weight or Font color for the menu text, submenu text


        SubMenu


    4. Heading Font

        And you can edit a lot here


  • Layout & Styles

    In the section Layout & Styles, we provide some options to customize the theme layout and styles.

      • Scheme Color

        To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Color

        With this option, you can change unlimited color for your General: Primary Color, Secondary Color, Accent Color, Background Color, please navigate to Dashboard > Appearance > Customize > Color > General

        With this option, you can change unlimited color for your Topbar, please navigate to Dashboard > Appearance > Customize > Color > Topbar

        With this option, you can change unlimited color for your Header, please navigate to Dashboard > Appearance > Customize > Color > Header

        To start customizing Background Image, in the Admin page please go to Dashboard > Appearance > Customize > Layout Style

    Post Type

    To Customize Post you go to: Dashboarb -> Appearance -> Customize -> Content

    1. Blog archive
      • Sidebar Position: Select sidebar position on the posts page (No Sidebar/Left/Right)
      • Blog Layout: Select layout style for List (List/Grid)
      • Post Grid Columns: Choose to display the number of columns of the article
      • List Sidebar: In the dropdown box, select the sidebar you want to display on posts page
      • Post Content Elements: Drag and drop elements to re-order.
      • Post Excepts Length: This option is only available when you turn on "Auto Post Excepts". It uses to limit the content length which is shown on posts page
      • Social Share: Enable or disable Social Share
      • Readmore Text: You can modify the text of Read more button here
      • Meta Elements:Drag and drop elements to re-order.
    2. Blog Single

      • Post Navigator: Enabled Post Navigator or not
      • Related Posts: Enabled Related Posts or not
      • Related Posts Style: Choose Related Posts Style (Blog List or Blog Grid)
      • Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
      • Number Of Related Posts: Number Of Related Posts
    3. Porfolio Archive

      • Portfolio Slug: You can modify the Portfolio Slug here
      • Portfolio Name: You can modify the Portfolio Name here
      • Sidebar Position: Choose Sidebar Style
      • List Sidebar: Choose Sidebar Style
      • Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
      • Number Of Related Posts: Number Of Related Posts
      • ....
    4. Porfolio Single

      • Customize Portfolio Featured Title: You can modify the Title here
      • Post Navigator: Enabled Post Navigator or not
      • Related Posts: Enabled Related Posts or not
      • Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
      • Number Of Related Posts: Number Of Related Posts

    Creat Post Type

    1. Portfolios
    2. To To create a Portfolio list you go to: Dashboarb -> Portfolio, then select the Product to edit and click Edit or click New Portfolio to create a new Portfolio


      Change setting Portfolio

    Themesflat Addons

    NOTE: to use all widgets of Themesflat addons, You select the page to edit or create a new page Edit with Elementor -> Elementor -> Themesflat Addons

    1. TF Heading

      You build it at Themesflat Addons

      You can customize at Content and Advanced

    2. TF Button

      You build it at Themesflat Addons, it helps you to create a simple Team

      You can customize at Content and Advanced

    3. TF Social

      You build it at Themesflat Addons

      You can customize at Content and Advanced

    4. TF Parallax Layer

      You can customize at Content and Advanced

    5. TF Icon Box

      You can customize at Content and Advanced

    6. TF Progress Bar

      You can customize at Content and Advanced

    7. TF Portfolio

      You can customize at Content and Advanced

    8. TF Testimonial Carousel

      You can customize at Content and Advanced

    9. TF Google Map

      You can customize at Content and Advanced

    10. And many more addons. Everything is so simple when you just need drag and drop. Wish you have a great website!