Getting StartedBack to Top

This document covers the installation, set up, and use of this theme, and provides answers and solutions to common problems. We encourage you to first read this document thoroughly if you are experiencing any difficulties before contacting our support team.

Vici

Vici has many more customization options including typographic selectors, stylistic color pickers and other add-ons. And in addition to these fantastic features, you'll also receive first-class theme support by our team of in-house professional WordPress developers.

WordPress Upload

To upload through your Dashboard, select “Appearance” and then “Themes”.

Next, select the “Install Themes” tab at the top of the page and then select the “Upload” link, right above the search field. Browse to the location you downloaded the theme to, then choose vici.zip and select “Install Now”.

Next, do exactly the same thing again, this time for the child theme, vici-child.zip.

Once you have uploaded and installed both the parent theme (vici.zip) and the child theme (vici-child.zip), click “Activate” on Vici, the parent theme to run the installation wizard.

The installation wizard will walk you through the process of installing the bundled plugins and importing the demo content.

If you decide to import any demo content or settings, any current site data may be lost!

Once the installation is complete, head back to “Appearance” and then “Themes” and click “Activate” on Vici Child to complete the process.

If you do not install the included child theme, some features and styling will not work!

Find out more on child themes and why we use them.

Finally, to ensure Elementor works as intended with our theme, we need to make a couple of tweaks to the settings.

Head to “Elementor” and then “Settings” and check the boxes for Disable Default Colors and Disable Default Fonts. Then click on the “Style” tab and uncheck open images in lightbox.

This will ensure Elementor does not override our Theme styles and does not conflict with our lightbox.

All theme files will be stored on your server in the wp-content/themes location.

TemplatesBack to Top

Vici has the following templates built into the theme and can be applied by creating and saving a page in WordPress.

CustomizerBack to Top

To access the live Customizer, you may select the Customize button in the admin bar dropdown or select "Customize" from the Dashboard menu. Note that you must be logged in as a site administrator in order to access the controls.

1. Site Identity

Set your site title, tagline, and site icon.

2. Menus

Create and manage your sites menus.

3. Widgets

Configure available widget locations.

4. Homepage Settings

Choose what is displayed as your homepage.

5. Maintainence Mode

Enable/disable maintainence mode. This is useful if you are making site modifications as it only shows for non-logged in users, meaning whilst logged in, you will still be able to see and work on your site.

6. Styling

Easily manipulate the theme accent color, typography and site logo.

7. Layout

Setup various layout options.

8. Sticky Navigation

Enable/disable the sticky site navigation.

9. Preloader

Enable/disable the site preloader.

10. Notification Bar

Enable/disable and configure the notification bar.

11. GDPR Compliance

Configure the GDPR notification.

12. Notification Bar

Enable/disable the live AJAX site search.

13. GDPR Compliance

Configure the built-in popup form.

14. Blog Settings

Configure various Blog options.

15. Blog Settings

Configure various custom store options. This menu will only display if WooCommerce is installed & activated.

16. Payment Icons

Enable/disable which payment icons to display in the footer.

17. Social Icons

Enable/disable which social icons to display in the footer.

18. Footer Copyright

Set the text that displays in the lower section of the footer.

19. Google Analytics

Paste in your Google Analytics tracking code.

20. WooCommerce

If WooCommerce is installed & activated, this section will allow you to configure various store settings.

21. Additional CSS

Add your own custom CSS.

PluginsBack to Top

Upon activating the theme, our installation wizard will automatically begin. The installation wizard will walk you through the process of installing the bundled plugins and importing the demo content.

All of the plugins extra functionality is added with either a native WordPress Shortcode, or Elementor Widget.

The Slider, Portfolio, FAQ and Carousel plugins all use Custom Post Types.

Simply add your individual items via the Custom Post Type Menu then include in the page or post with the native Shortcode or drag & drop Elementor Widget.

The Extensions plugin is required for the theme to work correctly, all other plugins are optional.

UpdatesBack to Top

Check for Updates

Once an update becomes available, you will receive an email notification.

If you are in need of the update, download the current build from the location you purchased the theme from.

FTP Updating

If you have not customized the original theme files then you may simply drop the updated theme folder contents into the theme folder on your server – which is located in wp-content/themes/vici.

If you wish to upload the entire updated theme as a separate theme, ensure you:

If you choose to upload the whole theme and switch to it, you may lose your Theme Customizer data and will have to add those back in.

FTP Selective Updating

On the other hand, if you have customized some files in the core theme contents, you should consider selective updating, which simply means updating only the files that are pointed out in the theme’s changelog.

There are a couple programs out there that will allow you to compare versions of files, in order to catch customizations you may not remember. Some recommended programs are WinMerge (Windows), Kaleidoscope (OSX), and handy GitHub (OSX) & (Windows).

Recommended

Overall, the safest and cleanest way to update your theme is to leave your currently modified theme on your server/site as is, rename the folder of the newly updated theme, upload the new theme, and modify that to match your original custom work. In this way, if something has gone wrong with the new version, you’re just a few clicks away from getting things back to how they originally were.

Please note that LoveThemes is not responsible for content loss, database errors and such, which may happen to your WordPress install upon an incorrectly applied theme update.

Vici Child ThemeBack to Top

We use child themes in all of our themes to override specific framework styling for a particular design style, and also to promote best practises.

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

The main reason you would want to use a child theme: If you modify a theme directly and it is updated, then ALL of your modifications WILL be lost!

By using a child theme you will ensure that your modifications are preserved and you can update the parent theme whenever you need to.

If you do not install the included child theme, some features and styling will not work!

Customizing Template Files

If you want to change more than just the stylesheet, your child theme can override any file in the parent theme: simply include a file of the same name in the child theme directory, and it will override the equivalent file in the parent theme directory when your site loads.

For instance, if you want to change the PHP code for the site header, you can include a header.php in your child theme's directory, and that file will be used instead of the parent theme's header.php.

Child Theme Functions.php

Unlike style.css, the functions.php of a child theme does not override its counterpart from the parent. Instead, it is loaded in addition to the parent’s functions.php. (Specifically, it is loaded right before the parent’s file.)

In that way, the functions.php of a child theme provides a smart, trouble-free method of modifying the functionality of a parent theme.

Adding PHP Functions

Say for example, that you want to add a PHP function to your theme. The fastest way would be to open the vici/functions.php file and put the function there... But that’s not smart: The next time Vici is updated, your function will disappear (as the entire contents of the /vici/ folder are replaced upon an update.

However, there is an alternative way which is the smart way: you can create a child theme, add a functions.php file in it, and add your function to that file. The function will do the exact same job from there too, with the advantage that it will not be affected by future updates of the parent theme.

DO NOT copy the full content of functions.php of the parent theme into functions.php in the child theme. It's not a good practice by any means.

To learn more, read the this article on the WordPress Codex →