Calfin Documentation

Thank you very much for purchasing my Theme. We've put a lot of hard work into it, and we hope you love it as much as we do. As far as the documentation is concerned, we have tried to cover as much as possible to help you get your new Theme up and running and to help you customise it.

We love to hear your feedback - if you find any bugs or have suggestions for improvements please get in touch. Nearly all of the time we follow your advice.

Since WordPress is constantly being updated information about how to install WordPress may become out of date, so you always can read official guide HERE

Below are all the useful links for WordPress information:

• WordPress Codex – general info about WordPress and how to install on your server.
• First Steps With WordPress – general information that covers a wide variety of topics.
• FAQ New To WordPress – the most popular FAQ’s regarding WordPress.

Once you've downloaded the installation file extract it and locate a file called Calfin.zip. You can install the theme by using one of two installation methods:

WordPress upload

1. Login to WordPress admin.
2. Go to Admin panel > Appearance > Themes > Add New > Upload Theme.
3. Click on Choose File and select Calfin.zip.
4. Click on Install Now.
5. When your theme is successfully installed, click Activate to activate the newly installed theme.

FTP upload

1. Using FTP client, login to the server where your WordPress website is hosted.
2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory.
3. Using FTP client, upload the Paragon directory to themes directory on remote server.
4. Once uploaded, navigate to Dashboard > Appearance > Themes in the WordPress Dashboard and hit Activate below your newly uploaded theme.

When you first install the theme you'll see a popup on your dashboard from the theme asking you to install a number of plugins.

Install Plugin Calfincore and go to Calfin Options > Import Demo

Install and Activate all required plugins and click to Install. The upload process can take up 5 minutes. So please, be patient and do not close the page.

Ok, so far we have installed the theme, we have installed the plugins and imported the demo data, whats next?

The final step in getting your new theme setup and ready for you to edit as you wish is to setup your home page and menu. To begin, head to Settings > Reading, here you will need to set your Front Page.

Finally, if you have not done so already, its highly advisable to update your permalink settings. To do this, head to Settings > Permalinks and select any option other than default. We recommended 'postname' - as you can see below.

How To Use Elementor

For the form, we use the plugin Contact Form 7

Contact Form 7 is our recommended form plugin for WordPress. It is a simple but powerful form creator for WordPress. Here we will show you how to use Contact Form 7 to create and edit a basic form.

After Contact Form 7 is installed, you will find a new menu item in your WordPress admin area called Contact, here is where your forms and created and edited.

Contact Form

<div class="tp-get-aquote-form-wrapper Calfin-contact-us-form">
    <div class="row">
        <div class="col-12 col-md-6">
            <div class="tp-get-quote-input name">[text* get-name placeholder "Enter your full name"]</div>
        </div>
        <div class="col-12 col-md-6">
            <div class="tp-get-quote-input email">[email* get-email placeholder "Enter your email"]</div>
        </div>
        <div class="col-12 col-md-12">
                <div class="tp-get-quote-input message">[textarea* get-message 10x5 placeholder "Enter your message"]</div>
                <div class="button text-center">[submit class:theme-btns "Send Message"]</div>
        </div>
    </div>
</div>

Contact form Home two

<div class="tp-contact-form-home-two-wrapper">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-12">
            <div class="tp-contact-form-input">[text* FullName placeholder "Full Name"]</div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                <div class="tp-contact-form-input phone"> [number* phonenumber placeholder "+09 123 45 456"]</div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-12">
        <div class="tp-contact-form-input email">[email* emailaddress placeholder "Email Address"]</div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-12">
        <div class="tp-contact-form-input">[text* subjects placeholder "Subject"]</div>
        </div>
        <div class="col-lg-12">
            <div class="tp-contact-form-input message">
                    [textarea* message 10x5 placeholder "Your Message"]
            </div>
            <div class="tp-contact-form-submits">
                <div class="tp-contact-form-checkbox">[checkbox* checkbox use_label_element "Also subscribe us"]</div>
                <div class="tp-contact-form-button button">[submit class:theme-btns "Send"]</div>
            </div>
        </div>
    </div>
</div>

Get a quote form

<div class="tp-get-aquote-form-wrapper">
    <div class="row">
        <div class="col-12">
            <div class="tp-get-quote-input name">[text* get-name placeholder "Name"]</div>
             <div class="tp-get-quote-input email">[email* get-email placeholder "Email"]</div>
             <div class="tp-get-quote-input message">[textarea* get-message 10x5 placeholder "Message"]</div>
             <div class="button">[submit class:theme-btns "Send"]</div>
        </div>
    </div>
</div>

Seo Check

<div class="tp-seo-check-form-wrappwer">
    <div class="tp-seo-inputs row g-0">
        <div class="col-12 col-sm-4 col-md-4 col-lg-4">
        <div> class="tp-seo-input name">
            [text* seoname placeholder "Your Name"]
        </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-4">
        <div> class="tp-seo-input email">
            [email* seoemail placeholder "Email"]
        </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-4">
            <div> class="tp-seo-input button">
            [submit "Check Now"]
            </div>
        </div>
    </div>
</div>

Subscribe Footer Top

<div class="footer-subscribe-wrapper justify-content-end">
    <div class="footer-subscribe-input">
      [text* Name placeholder "User Name"]
  </div>
  <div class="footer-subscribe-input">
     [email* email placeholder "User E-mail"]
  </div>
  <div class="footer-subscribe-button">
     [submit "Subscribe Now"] 
  </div>                     
</div>

You can drug & drop widgets into the sidebars

1. Go to Appearance > Widgets.

Theme is ready for translation and included .pot file. Calfin/language/Calfin.pot
You can translate theme with Poedit or install plugin Locotranslate

More Information here