Liberis Documentation

Thank you for purchasing my theme. If you don't find the answers to your questions in this help file, please feel free to email via my user page contact form . Thanks!

License

When you purchase a theme from Themeforest, the Regular License allows you to use the theme in a single end product. One theme license for one domain ( one theme installation in a single domain )

eg: domain.com and 2domain.com require 2 theme installations. Then you need to purchase 2 licenses.

The billing process and licensing term are fully managed by Envato Ltd. and we don't have any control over this matter.

For more information about licensing check this page https://themeforest.net/licenses/standard?license=regular

NOTE for web agencies and freelancers: You may charge your client for your services to create an end product, even under the Regular License. But you can't use one Regular License for multiple clients or jobs.

FAQ:

Can I use the theme on a test site, then move it to a live site when finished?

Yes, you can use the theme on a test site to build it, then move it to the live site once you're finished. You'll have to remove the theme files from the test site.

Getting Started

If you are new to WordPress here's what you have to do:

Installing WordPress

In order to install the current version of WordPress Theme, please go to https://wordpress.org and download the current version of WordPress. For information on how to install WordPress, please see the WordPress codex page https://codex.wordpress.org/Installing_WordPress .

Installing Theme

You can do it in 2 ways:

  1. a. Via WordPress Admin: Go to Appearance-> Install Themes -> Upload and choose liberis.zip file ((make sure you are not uploading the whole zip file that you've downloaded (including dummy content, documentation) but only the liberis.zip file). Click Install Now.
  2. b. Via FTP: Upload liberis folder into wp-content/themes folder.
  3. After you've installed the theme make sure to activate it.
NOTE: After the theme is activated make sure to install and activate the required MT Liberis, ACF plugins. The plugins are necessary for having the features presented in the demo.

Import Demo

If you want your website to look like the live demo, then customize it as you want, follow these steps:

  1. After the theme is activated make sure to install and activate the required and recommended plugins: MT Liberis, ACF, Contact Form 7 plugins . The plugins are necessary for having the features presented in the demo.

  2. Install and activate One Click Demo Import plugin.

  3. Go to Appearance > Import Demo Data and click the Import Demo Data button.

  4. A new page will open. Click "Continue & Import" button. Wait until the demo content is imported to your website.
  5. If the menu in the header doesn't appear, go to Appearance > Menus, select "Primary Menu" at the bottom of the page and click Save.

  6. In case the blog posts appear in the main page, instead of the home page, go to Settings > Reading > Your homepage displays, select > A static page and for the Homepage option select the Home page.

  7. To configure the homepage slider go to Appearance > Customize > General Options > Home - Slider Items.

    The default slider text is this:

    <h1>We are <br> a dedicated <em>law firm</em></h1>

    The slider images size from the demo is 1920x1080 px. You can experiment with other sizes too.

  8. To add a footer widget title like in the demo, go to Appearance > Widgets and insert a Custom HTML block in one of the footer areas with the following code:

    <h5 class="widgettitle"><span>About</span></h5>

After you've installed the theme, you can play with the theme settings in Appearance > Customize

If you didn't install XML file like in preview, then you would have to go STEP BY STEP....

Setup Menu

Note: Before creating the menu items make sure you've created some pages / posts.
  1. Go to Appearance - > Menus tab
  2. Add new menu, enter Menu Name
  3. Add Menu Items. Select the pages you've just created and add them to the menu
  4. Drag & drop the menu items as you like. Check the image below. Than save the menu
  5. !IMPORTANT: make sure the Theme Locations option is set to Primary Menu.

Pages General

First go to Settings -> Permalinks. Select from Common Settings > Post name option. This is for better SEO permalinks.

The theme comes with the following custom Page Templates:

How to use a template:

Setup Pages

Homepage

NOTE: Make sure you've installed the required MT Liberis plugin. The plugin adds the necesarry custom post types and shortcodes for the theme.
  1. Click Pages > Add New.
  2. Look for Template on the right side and click on the drop-down menu. Select the "Home" template.
  3. Click Publish.
  4. Now you can add the new page to your menu.
  5. Click Settings > Reading and select Front page displays a static page. Select the page you just created as your Front page and click Save Changes.

Homepage Slider

To configure the homepage slider go to Appearance -> Customize -> General Options > Home - Slider Items.

Note: The recommended size for the slider images is 1920x1080 px. You can experiment with other sizes too.

Homepage Templates

If you haven't imported the demo content, you'll find below the code content for the home pages.

In order to add the code for a homepage, make sure to switch the editor from Visual Editor to Code Editor ( top right option). After you insert the code, you can switch back to Visual Editor.
Our recommendation is to import the demo content xml file, to make your site editing easier.
  1. Home 1: 
    
<!-- wp:heading {"textAlign":"center","level":5,"className":"small-intro"} -->
<h5 class="has-text-align-center small-intro">Welcome to Liberis</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Experience. Team. Results</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"margin-b50"} -->
<p class="has-text-align-center margin-b50">Provide the highest quality legal services for our clients</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<div class="stats margin-b100">
<div class="row">
<div class="col-md-4">
<h3>15</h3>
<p>Years in Business</p>

</div>
<div class="col-md-4">
<h3>4.5</h3>
<p>Billion Won</p>

</div>
<div class="col-md-4">
<h3>30</h3>
<p>Lawyers</p>

</div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title"><span>Our Practice Areas</span></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"margin-b50"} -->
<p class="has-text-align-center margin-b50">Lorem ipsum dolor sit amet, maiorum delectus ei has. Doctus interpretaris eu his. An invenire perpetua usu. Nonumes adipisci oportere ne eos, nec ut aeque labores. At ferri salutatus eloquentiam sed. Id brute interpretaris per, modo dolores quo an, duo id quaeque luptatum.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:shortcode -->
[practice_img_v1 id="practice-nomargin" count="8"]
<!-- /wp:shortcode --></div>
<!-- /wp:group -->

<!-- wp:buttons {"contentJustification":"center","className":"margin-b100"} -->
<div class="wp-block-buttons is-content-justification-center margin-b100"><!-- wp:button {"className":"margin-t35"} -->
<div class="wp-block-button margin-t35"><a class="wp-block-button__link" href="#">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:cover {"url":"imageURLHere","id":537,"hasParallax":true,"dimRatio":10,"align":"full","className":"margin-b100"} -->
<div class="wp-block-cover alignfull has-background-dim-10 has-background-dim has-parallax margin-b100" style="background-image:url(imageURLHere)"><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">The only law firm that will<br>listen and understand your needs</h2>
<!-- /wp:heading --></div></div>
<!-- /wp:cover -->

<!-- wp:heading {"textAlign":"center","className":"home-title margin-b50"} -->
<h2 class="has-text-align-center home-title margin-b50"><span>Meet Our Attorneys</span></h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
[team_v1 count="3" cols="3"]
<!-- /wp:shortcode -->

<!-- wp:buttons {"contentJustification":"center","className":"margin-b100"} -->
<div class="wp-block-buttons is-content-justification-center margin-b100"><!-- wp:button {"className":"margin-t35"} -->
<div class="wp-block-button margin-t35"><a class="wp-block-button__link" href="#">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:cover {"url":"imageURLHere","id":535,"hasParallax":true,"dimRatio":10,"align":"full","className":"margin-b100"} -->
<div class="wp-block-cover alignfull has-background-dim-10 has-background-dim has-parallax margin-b100" style="background-image:url(imageURLHere)"><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","className":"margin-b50"} -->
<h2 class="has-text-align-center margin-b50">What Our Clients Say</h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
<div class="container parallax-content">[testimonials_2cols]</div>
<!-- /wp:shortcode --></div></div>
<!-- /wp:cover -->

<!-- wp:heading {"textAlign":"center","className":"home-title margin-b50"} -->
<h2 class="has-text-align-center home-title margin-b50"><span>Latest News</span></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"margin-b50"} -->
<div class="wp-block-group margin-b50"><!-- wp:shortcode -->
[blog_3cols]
<!-- /wp:shortcode --></div>
<!-- /wp:group -->

<!-- wp:cover {"url":"imageURLHere","id":536,"hasParallax":true,"dimRatio":10,"align":"full"} -->
<div class="wp-block-cover alignfull has-background-dim-10 has-background-dim has-parallax" style="background-image:url(imageURLHere)"><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title">Schedule a Free Consultation</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Please type in your contact information and will contact you within 1-2 business days to discuss your case.</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
<div class="container">[contact-form-7 id="168" title="Contact form 2"]</div>
<!-- /wp:shortcode --></div></div>
<!-- /wp:cover -->
  2. Home 2 
    <!-- wp:group {"align":"full","style":{"color":{"background":"#252525"}},"className":"home2-section1 margin-b100"} -->
<div class="wp-block-group alignfull home2-section1 margin-b100 has-background" style="background-color:#252525"><!-- wp:columns {"className":"container"} -->
<div class="wp-block-columns container"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":50,"height":50,"sizeSlug":"large","linkDestination":"none","className":"icon-img"} -->
<figure class="wp-block-image size-large is-resized icon-img"><img src="imageURLHere" alt="" width="50" height="50"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"textColor":"white","className":"home2-section1-title"} -->
<h5 class="home2-section1-title has-white-color has-text-color">Professional Advice</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Donec lacinia magna sit amet arcu aliquet luctus maecenas vehicula quis nostrum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":50,"height":50,"sizeSlug":"large","linkDestination":"none","className":"icon-img"} -->
<figure class="wp-block-image size-large is-resized icon-img"><img src="imageURLHere" alt="" width="50" height="50"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"textColor":"white","className":"home2-section1-title"} -->
<h5 class="home2-section1-title has-white-color has-text-color">Solving Complex Cases</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Donec lacinia magna sit amet arcu aliquet luctus maecenas vehicula quis nostrum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":50,"height":50,"sizeSlug":"large","linkDestination":"none","className":"icon-img"} -->
<figure class="wp-block-image size-large is-resized icon-img"><img src="imageURLHere" alt="" width="50" height="50"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":5,"textColor":"white","className":"home2-section1-title"} -->
<h5 class="home2-section1-title has-white-color has-text-color">15 Years Experience</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Donec lacinia magna sit amet arcu aliquet luctus maecenas vehicula quis nostrum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:columns {"className":"margin-b100"} -->
<div class="wp-block-columns margin-b100"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="imageURLHere" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":5,"className":"small-intro"} -->
<h5 class="has-text-align-center small-intro">Welcome to Liberis</h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Experience. Team. Results</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Liberis is a legal firm committed to protecting individuals and small businesses. We are committed to developing honest and compassionate relationships with our clients founded on mutual respect and communication.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"className":"margin-t35"} -->
<div class="wp-block-button margin-t35"><a class="wp-block-button__link" href="#">Find More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title"><span>Practice Areas</span></h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
[practice_icon_v1 count="6" cols="3"]
<!-- /wp:shortcode -->

<!-- wp:buttons {"contentJustification":"center","className":"margin-b100"} -->
<div class="wp-block-buttons is-content-justification-center margin-b100"><!-- wp:button {"className":"margin-t35"} -->
<div class="wp-block-button margin-t35"><a class="wp-block-button__link" href="#">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:columns {"className":"margin-b100"} -->
<div class="wp-block-columns margin-b100"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"className":"home-title"} -->
<h2 class="home-title"><span>Meet Anna Right</span></h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<h5><em>“Do what is right not what is easy!”</em></h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit. Et harum quidem rerum facilis est et expedita distinctio nam libero.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat. Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="#">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none"} -->
<div class="wp-block-image"><figure class="aligncenter size-large"><img src="imageURLHere" alt=""/></figure></div>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:cover {"url":"imageURLHere","id":537,"hasParallax":true,"dimRatio":10,"align":"full","className":"margin-b100"} -->
<div class="wp-block-cover alignfull has-background-dim-10 has-background-dim has-parallax margin-b100" style="background-image:url(imageURLHere)"><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"container"} -->
<div class="wp-block-columns container"><!-- wp:column {"className":"padding150"} -->
<div class="wp-block-column padding150"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">15 Years Solving Complex Cases</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"className":"w-btn"} -->
<div class="wp-block-button w-btn"><a class="wp-block-button__link" href="#">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title"><span>Testimonials</span></h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
<div class="container margin-b100">[testimonials_2cols]</div>
<!-- /wp:shortcode -->

<!-- wp:cover {"customOverlayColor":"#dfbf8f","align":"full","className":"cover-padding"} -->
<div class="wp-block-cover alignfull has-background-dim cover-padding" style="background-color:#dfbf8f"><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","className":"container"} -->
<div class="wp-block-columns are-vertically-aligned-center container"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading -->
<h2>Request a Free Case Evaluation</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We are here to help. Ask a lawyer for a free consultation.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right","className":"mobile-left"} -->
<div class="wp-block-buttons is-content-justification-right mobile-left"><!-- wp:button {"className":"w-btn"} -->
<div class="wp-block-button w-btn"><a class="wp-block-button__link" href="#">Contact Us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->
  3. Home 3 
    <!-- wp:heading {"textAlign":"center","level":5,"className":"home-title"} -->
<h5 class="has-text-align-center home-title"><span>Welcome to Liberis</span></h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","className":"margin-b35"} -->
<h2 class="has-text-align-center margin-b35"><em>"Do what is right not what is easy!"</em></h2>
<!-- /wp:heading -->

<!-- wp:columns {"className":"margin-b50"} -->
<div class="wp-block-columns margin-b50"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>We are a legal firm committed to protecting individuals and small businesses. We are committed to developing honest and compassionate relationships with our clients founded on mutual respect and communication. Donec sit amet posuere ipsum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit. Et harum quidem rerum facilis.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:buttons {"contentJustification":"center","className":"margin-b100"} -->
<div class="wp-block-buttons is-content-justification-center margin-b100"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="#">Find MOre</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:shortcode -->
[practice_img_v1 count="12"]
<!-- /wp:shortcode -->

<!-- wp:heading {"textAlign":"center","className":"home-title margin-t100"} -->
<h2 class="has-text-align-center home-title margin-t100"><span>Meet the Attorneys</span></h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
[team_v1 count="4" cols="4"]
<!-- /wp:shortcode -->

<!-- wp:cover {"url":"imageURLHere","id":537,"hasParallax":true,"dimRatio":10,"align":"full","className":"margin-t100"} -->
<div class="wp-block-cover alignfull has-background-dim-10 has-background-dim has-parallax margin-t100" style="background-image:url(imageURLHere)"><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"container"} -->
<div class="wp-block-columns container"><!-- wp:column {"className":"padding150"} -->
<div class="wp-block-column padding150"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Request a Free Case Evaluation</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"className":"w-btn"} -->
<div class="wp-block-button w-btn"><a class="wp-block-button__link" href="#">Contact Us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

Practice Areas Page

  1. Click Pages > Add New.
  2. Look for Template on the right side and click on the drop-down menu.
  3. Choose a practice area page template.
  4. Click Publish.
  5. Now you can add the new page to your menu

  6. There are also 2 practice areas shortcodes:

    To show images use this shortcode: [practice_img_v1 cols="4" count="12"], cols can be 3 or 4

    To show icons use this shortcode: [practice_icon_v1 cols="4" count="12"], cols can be 3 or 4

  1. NOTE: Add a practice item by going to Practice Areas > Add New Practice Item
  2. Add image via the Featured Image and icon via Item Customization meta box

Team Page

  1. Click Pages > Add New.
  2. Look for Template on the right side and click on the drop-down menu.
  3. Choose a team page template.
  4. Click Publish.
  5. Now you can add the new page to your menu

  6. There are also 2 team shortcodes:

    Team v1 shortcode: [team_v1 cols="4" count="12"], cols can be 3 or 4

    Team v2 shortcode: [team_v2 cols="4" count="12"], cols can be 3 or 4

  1. NOTE: Add a team member by going to Team > Add New Team Item

Contact Page

  1. Click Pages > Add New
  2. Look for Template on the right side and click on the drop-down menu. Select the "FullWidth" template
  3. Add the following code in the code editor: 
    <!-- wp:columns {"className":"margin-b100"} -->
<div class="wp-block-columns margin-b100"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#dfbf8f"}},"className":"widgettitle"} -->
<h5 class="has-text-align-center widgettitle has-text-color" style="color:#dfbf8f"><i class="fas fa-map-marker-alt"> </i> Address</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">40 Park Ave, Brooklyn,<br>New York 70250</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#dfbf8f"}},"className":"widgettitle"} -->
<h5 class="has-text-align-center widgettitle has-text-color" style="color:#dfbf8f"><i class="far fa-envelope"> </i> Contact</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">phone: (000) 111 – 2222<br>email: [email protected]</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":5,"style":{"color":{"text":"#dfbf8f"}},"className":"widgettitle"} -->
<h5 class="has-text-align-center widgettitle has-text-color" style="color:#dfbf8f"><i class="far fa-clock"> </i> Open Hours</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Monday – Friday: 9AM – 5PM<br>Saturday – Sunday : Closed</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title"><span>Let’s work together and discuss your case</span></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"margin-b100"} -->
<div class="wp-block-group margin-b100"><!-- wp:shortcode -->
[contact-form-7 id="168" title="Contact form 2"]
<!-- /wp:shortcode --></div>
<!-- /wp:group -->

<!-- wp:coblocks/map {"address":"40 Park Ave, Brooklyn, New York 70250","pinned":true} -->
<div style="min-height:400px" data-map-attr="/qaddress/q:/q40 Park Ave, Brooklyn, New York 70250/q||/qlat/q:/qundefined/q||/qlng/q:/qundefined/q||/qskin/q:/qstandard/q||/qzoom/q:/q12/q||/qiconSize/q:/q36/q||/qmapTypeControl/q:/qtrue/q||/qzoomControl/q:/qtrue/q||/qstreetViewControl/q:/qtrue/q||/qfullscreenControl/q:/qtrue/q" class="wp-block-coblocks-map"><iframe title="Google Map" frameborder="0" style="width:100%;min-height:400px" src="https://www.google.com/maps?q=40%20Park%20Ave%2C%20Brooklyn%2C%20New%20York%2070250&amp;output=embed&amp;hl=en-US&amp;z=12"></iframe></div>
<!-- /wp:coblocks/map -->
  4. Click Publish
  5. Install and activate the contact 7 plugin ( https://wordpress.org/plugins/contact-form-7/)

  6. Go to Contact > Add New and create a new contact form

  7. Add the following code in the Form option to look like in my demo

    <div class="row">
    
<div class="col-sm-4">	[text* your-name class:comm-field placeholder "Name"] </div>

<div class="col-sm-4"> [email* your-email class:comm-field placeholder "Email"] </div>

<div class="col-sm-4">	[text* your-subject class:comm-field placeholder "Subject"] </div>

</div>

[textarea* your-message id:msg-contact x5 placeholder "Message"]


<p class="contact-btn">[submit id:submit-contact "Send message"]</p>

  8. Click the Save button. Copy the shortcode and paste it in the contact page where it's said "Insert contact form 7 shortcode".

Blog Page

  1. Click Pages > Add New.
  2. Click Publish.
  3. Now you can add the new page to your menu
  4. Now click Settings > Reading and select Front page displays a static page. Select the page you just created as your Posts page and click Save Changes.
  5. To select a blog layout go to Appearance > Customize > General Options > Blog - Articles Layout option
  6. Click Posts > Add New to create a news post. Make sure when you add a Featured Image for a post to have at least 1000x600 px to look like my demo.

About Page

  1. Click Pages > Add New.
  2. Select from Template on the right side and click on the drop-down menu. Select the "FullWidth" template
  3. Click Publish.
  4. Now you can add the new page to your menu

About Page code:

<!-- wp:image {"align":"center","sizeSlug":"large","linkDestination":"none"} -->
<div class="wp-block-image"><figure class="aligncenter size-large"><img src="imageURLHere" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:columns {"className":"margin-b100"} -->
<div class="wp-block-columns margin-b100"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3} -->
<h3>Liberis is a full-service law firm, based in New York. Read our success story.</h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>We are a dedicated law office with more than 15 years experience. We provide high quality legal representation that helps you win your case. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditis praesentium voluptatum deleniti atque.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"margin-b100"} -->
<div class="wp-block-columns margin-b100"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<div class="service margin-b25"><i class="fas fa-university"> </i></div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","level":5,"className":"home2-section1-title"} -->
<h5 class="has-text-align-center home2-section1-title">Experience</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<div class="service margin-b25"><i class="fas fa-balance-scale"> </i></div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","level":5,"className":"home2-section1-title"} -->
<h5 class="has-text-align-center home2-section1-title">Professional</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<div class="service margin-b25"><i class="fas fa-gavel"> </i></div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","level":5,"className":"home2-section1-title"} -->
<h5 class="has-text-align-center home2-section1-title">Integrity</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title"><span>Meet Our Team</span></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora.</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
<div class="margin-b100">[team_v2 cols="3" count="6"]</div>
<!-- /wp:shortcode -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"verticalAlignment":"center","className":"col-bkg margin-b100"} -->
<div class="wp-block-columns are-vertically-aligned-center col-bkg margin-b100"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"margin-none"} -->
<figure class="wp-block-image size-large margin-none"><img src="imageURLHere" alt="about-law-office"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"","className":"col-padding"} -->
<div class="wp-block-column is-vertically-aligned-center col-padding"><!-- wp:heading {"level":5} -->
<h5>Full Service</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5} -->
<h5>Good Communication</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5} -->
<h5>Fast Support</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading {"textAlign":"center","className":"home-title"} -->
<h2 class="has-text-align-center home-title"><span>What Clients Say</span></h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
<div class="margin-b100">[testimonials_2cols][/testimonials_2cols]</div>
<!-- /wp:shortcode -->

<!-- wp:cover {"customOverlayColor":"#dfbf8f","className":"cover-padding30"} -->
<div class="wp-block-cover has-background-dim cover-padding30" style="background-color:#dfbf8f"><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","className":"container"} -->
<div class="wp-block-columns are-vertically-aligned-center container"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading -->
<h2>Request a Free Case Evaluation</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We are here to help. Ask a lawyer for a free consultation.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"contentJustification":"right","className":"mobile-left"} -->
<div class="wp-block-buttons is-content-justification-right mobile-left"><!-- wp:button {"className":"w-btn"} -->
<div class="wp-block-button w-btn"><a class="wp-block-button__link" href="#">Contact Us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

Customization

Widget Areas

There are 5 widget areas for this theme. Go to Appearance > Widgets to use them.

To add a footer widget title like in the demo, insert a Custom HTML block with the following code:

<h5 class="widgettitle"><span>About</span></h5>

Theme Customizer

Liberis is using the WordPress Live Customizer feature. Go to Appearance > Customize and change site title, colors, upload your logo and more. You'll see real time preview of changes you made to your site.

Shortcodes

Here's the list of available shortcodes:

  1. Practice Areas Shortcodes:

    For practice areas with images use this shortcode: [practice_img_v1 cols="" count=""]

    For practice areas with icons use this shortcode: [practice_icon_v1 cols="" count=""]

    The cols attribute value can be 3 or 4 and the count attribute is optional.

  2. Team Shortcodes:

    For team version 1 use this shortcode: [team_v1 cols="" count=""]

    For team version 2 use this shortcode: [team_v2 cols="" count=""]

    The cols attribute value can be 2 ( olny for v1 ), 3 or 4 and the count attribute is optional.

  3. Testimonials Shortcodes:

    For testimonials use this shortcode: [testimonials_2cols count=""]

    The count attribute is optional.

  4. Blog Shortcodes:

    For blog use this shortcode: [blog_3cols count=""]

    The count attribute is optional.

Child Theme

Liberis theme comes with a child theme in the main download package.

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme.

Child themes are recommended if you modify the theme files code and don't want to lose your customization when updating the theme to a new version.

Change Log