# Theme Requirements

To use Luxride, please make sure you are running WordPress 6 or higher, PHP 7.4 or higher, and MySQL 5.6 or higher. We have tested it with Mac, Windows. Besides, please check the recommended server configuration for proper theme functioning: Our Recommended Version above wordpress 5.5 and php 7.4.

Minimum server configuration

  1. PHP version - 7.4 and higher
  2. MySQL version - 5.6 or higher
  3. memory_limit – 512M
  4. max_execution_time – 1000
  5. max_input_time – 300
  6. upload_max_filesize – 216M

Or Check your server Configuration on your Wordpress Dashboard -==> Go to Luxride -==> About Luxride

img

# Files Included in Luxride Package

Files Included in Packages

  1. Luxride.zip , Luxride-child.zip This is the Theme You want To use to build site.
  2. Documentation : This Folder Contains Docmentation Link
  3. Demo-content : This Folder contains demo data files For Impot Dummy Content
  4. Licensing : This folder contains coygen theme License.
  5. Theme-core-plugin : This folder contains coygen Core pluign.
  6. Luxride Icons : This folder contains Luxride icons We used in our theme.
Note : If you are elementor user just deactivate wpbakery( js visual composer )

# Theme , Pluign Installation and Import Demo Content

There are 2 ways to upload the theme. Please fallow the given steps.

Via Dashboard

  1. Navigate to Appearance → Themes in your WordPress admin dashboard.
  2. Click the Add New button at the top of the page then go for the Theme Upload option.
  3. For the file upload, pick Theme Files / Luxride.zip in the theme package downloaded from ThemeForest and click Install Now.
  4. Click Activate and it will redirect you to the theme setup wizard. Then execute the steps to install the child theme, install the plugin and import the demo content after finish import click ===> view your Website.
    5. After Activate the theme, setup wizard won't pop up, then go to Luxride ==> Theme Setup / Import Demo, it will take you to theme setup wizard.
img
img
img
img

Via FTP (Recommended)

  1. Extract the theme package downloaded from ThemeForest Luxride-main-package.zip open the folder.
  2. Open any FTP aplication like Filezilla navigate to the directory of the Theme.
  3. For the file upload, pick Theme Files / Luxride.zip in the theme package downloaded from ThemeForest.
  4. Navigate to Appearance → Themes in your WordPress admin dashboard.
  5. Click Activate once the upload has finished and you're ready for the next step: Installing the Plugins.

Method 1: To import all the pages form luxride follow the video.

  1. After installing the theme and plugins.
  2. Go to Luxride --> Click on Theme Setup and Demo Import -> Run the Wizard -> At the end, you will find the Import Demo Content tab -> Click on the Import button.
  3. Wait for few minutes to finish import demo content 100%
  4. After successfully importing the demo content it takes to next tab and click view website or return to dashboard

Method 2: To import Selected pages:

  1. After installing the theme and plugins.
  2. Go to Luxride --> Click Template Importer. It will takes to tempalte importer page.
  3. First import the -> Service , Ourfleet , Team , sliders , Media , Widgets and Contact Forms.
  4. Wait for few minutes until finish import. It will take time so please be patience.
  5. After successfully Import the posts and contact form.
    1. Go to Luxride -> click Header -> Create header -> Example Header 1
    2. Go to Luxride -> click Footer -> Create Footer -> Example Footer 1
    3. Go to Pages -> Create Pages -> Example Home , About , Pricing , Team And Contact
    4. After Creating all these then go to luxride --> template importer --> Import Selected Header , Footer and pages Template.

# After Import Enable the responsive breakpoints in elementor ( Must )

Follow below video to enable responsive breakpoints in elementor

# Troubleshoot Options for Elementor

Regenerating CSS: This can easily be fixed by going to WP admin ==> Elementor ==> Tools ==> Regenerate CSS. Then, you can clear the cache (WP cache and browser cache) and refresh the page. Clearing Site Cache: Check if you have any caching plugins on your site or any server level caching enabled. Clear those caches.

  1. On Your Dashboard go to Elementor ==> Tools ==> Regenerate CSS
  1. Troubleshoot if elementor editor is not loading

# Too To Set up the Homepage & Blog ?


If you Imported demo content , the homepage should already be set.

To set a custom page as homepage:

  1. Go to Settings - Reading.
  2. Select a Static Page option.
  3. Select page for front page and blog.
img

# Too enable maintenance mode (stagin site option) , Site Cookies , Preloader for site and Backtotop ?

  1. Go to Luxride ==> theme option ==> Luxride Maintenance Mode / Cookies Settings ==> Enable Maintance mode
    1. Customers cannot view your site. After complete your work disable that option
  2. Go to Luxride ==> theme option ==> Luxride Maintenance Mode / Cookies Settings ==> Cookies Mode Enable / Disable
    1. Cookies option enable on your site
  3. Go to Luxride ==> theme option ==> Luxride Preloader Settings ==> Preloader Enable / Disable
    1. Preloader Will enable on your site
  4. Go to Luxride ==> theme option ==> luxride Header / Footer Settings ==> Footer Options ==> Back to Top Enable / Disable
    1. Back to Top Will enable on your site

# To Create the Menu

Defining a Menu

You must define a menu before you can add items to it.

menu-screen1.png
  1. Go to 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.
  2. Select Create a new menu at the top of the page
  3. Enter a name for your new menu in the Menu Name box
  4. Click the Create Menu button.

Your new custom menu has now been defined.

# Adding Items to a Menu

menu-screen2.png

Your custom menu has now been saved.



# Find more option on menu area

img

# Too edit Header after importing and display by using theme option for entire site and change header for particular pages ?

  1. On your Wordpress Dashboard ==> go to Luxride ==> Header ==> Edit Header post with elementor
  2. It will take to elementor editor area there you can change the content and menu
  3. To select header for entire site go to Luxride -> Theme option -> Header and Footer Settings -> Header Options -> Header Custom Enable / Disable -> Select Header Style
img

# Too Edit footer After Importing ?

  1. On your Wordpress Dashboard ==> go to Luxride ==> Footer ==> Edit footer post with elementor
  2. It will take to elementor editor area there you can change the content there
  3. To select footer for entire site go to Luxride -> Theme option -> Header and Footer Settings -> Footer Options -> Footer Custom Enable / Disable -> Select Footer Style
img

# To Know about tempalte usage for Page , Post , Ourfleet , Team and Service

  1. There four types of template for post , page , service , team and ourfleet.
    1. Default Tempalte ( That Comes With Sidebars )
    2. Luxride Boxed ( That Comes With Page title Breatcrumb and 60px padding on body area and background light color)
    3. Luxride Fullwidth ( That Comes With Page title Breatcrumb)
    4. Luxride Home Fullwidth ( No page title and breadcrumb empty page. )

# To add or change the content on sidebars ?

  1. On your Wordpress Dashboard ==> go to Apperance ==> Widgets
  2. There you can find Blog Sidebar , Page Sidebar , Ourfleet Sidebar , Team Sidebar and Service Sidebar. Change the content
  3. To display sidebars on Blog , Page , Fleet , Service and team. You need to change the layouts.Go to Luxride -> Theme option -> Layout settings -> Change the layouts.

You need to set the template to default tempalte for all service , page , post , overfleet and team to display sidebars.
img
img

# Contact form 7 html code

For Inuput , select , tel , number , check box and radio
  • With icon 

                                  <div class="contact_field">
                                <div class="icon"><i class="luxride-email"></i></div>
                                <label>  
                                  Mailid
                                  [email mailid placeholder "example@gmail.com"]
                                </label>
                              </div>
  • Without icon 

                                  <div class="contact_field no_icon">
                                <label>Phone
                                  [tel tel-868 placeholder "+1800900122"]
                                </label>
                              </div>
    • Copy the html and replace the fields [email mailid placeholder "example@gmail.com"] which you want to display.


    For Text Area
  • Below code is for teaxarea 

     
                              <div class="contact_field text_area">
                                <label>Message
                                  [textarea your-message placeholder "Enter the Message here ..."]
                                </label>
                              </div>
    • Copy the html and replace the fields [textarea your-message placeholder "Enter the Message here ..."] which you want to display.


  • Below code is for Submit Button 

                                  <div class="contact_field form_btn">
                                [submit "Submit"]
                              </div>

    • # To change Page title background and to Hide / Enable

    1. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Page Header Settings

    # To Set default archive pages for team , services and ourfleet. All the post of service , team and ourfleet will display on selected archive pages.

    1. To set archive pages for fleet post
      On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Fleet Settings ==> Select Archive Page Settings
    2. To set archive pages for Team post
      On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Team Settings ==> Select Archive Page Settings
    3. To set archive pages for Service post
      On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Service Settings ==> Select Archive Page Settings

    # To Rename slug and category slug and post name for service , team and ourfleet.

    By following this video you can rename slug and post name to any name you want.
    1. To Rename slug , post tite and category =>
      On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Cutom Post Type Settings

    # To Add service post and set service default archive page.

    # To change service settings for service archive page and single page.

    1. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Service Settings ==> Archive Page Settings
    2. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Service Settings ==> Single Page Settings

    # To Add team post and set team default archive page.

    # To change team settings for team archive page and single page.

    1. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Team Settings ==> Archive Page Settings
    2. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Team Settings ==> Single Page Settings

    # To Add fleet post and set fleet default archive page.

    # To change Our Fleet settings for Fleet archive page and single page.

    1. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Fleet Settings ==> Archive Page Settings
    2. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Fleet Settings ==> Single Page Settings

    # To Add blog post

    # To change blog settings for archive page and single page.

    1. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Blog Settings ==> Archive Page Settings
    2. On Your Dashboard go to Luxride ==> Theme Option ==> Luxride Blog Settings ==> Single Page Settings

    # 404 Settings

    1. To change 404 image text and button link follow below video
    2. On your Dashboard go to luxride => Theme options => Luxride 404 settings

    # Performance Settings

    Performance settings in theme will increase site speed little bit.

    After complete your work enable this performance settings. If you are going to work the site again disable this option
    1. On your Dashboard go to luxride => Theme options => Luxride Performance settings
      • If you are using animation in elementor. then disable the remove animation and elementor frontend editor option. Then only the animation and section will show.

    # Seo Settings

    This is simple seo option. By using this option you can able to show meta image , meta title ,Meta Description , Meta Keywords for entire site and each page seperatly.

    1. On your Dashboard go to luxride => Theme options => Luxride Seo settings
    img
    1. Edith each page , post , team , servic and fleet you will find seo option on side panel
    img

    # Theme Typography settings => Google Fonts and Custom Fonts

    1. On your Dashboard go to luxride => Theme options => luxride Typography / Color Settings
      1. First Click => Choose Custom Fonts / Google Fonts => select google font or custom font. Then Go back Google Fonts Tab Will show
      2. Click Google Fonts Tabs => You will find typography option for body , h1 to h6 and p tag
      3. gif
      1. If you choose custom font on => Choose Custom Fonts / Google Fonts tab => It will custom font tab
      2. Click Custom Font Fonts Tabs => You will find typography option for body , h1 to h6 and p tag
      3. gif

    # Theme Color settings

    1. On your Dashboard go to luxride => Theme options => luxride Typography / Color Settings
      1. To change Body Background Color , Image => Click the tab -> Body Background
      2. To change Theme Color => Click the tab -> Theme Color
      3. To change Menu Color => Click the tab -> Menu Color
    gif

    # To Add Contact form 7 with icon

    1. On your Dashboard go to contact form 7 => Add New
    2. Copy the html code and add the form elements inside and change the icon
    3. This html not for textarea and Button 
                                 
                               <div class="contact_field">
                                   <div class="icon">
                                       <svg aria-hidden="true" width="20" class="e-font-icon-svg e-far-user" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
                                           <path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"></path>
                                       </svg>
                                   </div>
                                   <label>Your name
                                       [text* your-name autocomplete:name]
                                   </label>
                               </div>
    4. This is for text area field on contact_field class name add text_area class name.
      For Textarea no Icon option 
                                    
                                  <div class="contact_field text_area">
                                      
                                      <label>Your name
                                          [text* your-name autocomplete:name]
                                      </label>
                                  </div>
    5. This is for form submit button field on contact_field class name add form_btn class name.
      For Button no Icon option 
                                    
                                  <div class="contact_field form_btn">
                                    
                                      <label>Your name
                                          [text* your-name autocomplete:name]
                                      </label>
                                  </div>

    # To Create Option panel by using element and add option panel button in header

    # To create popup by using elementor and call for entire site by using theme option

    1. Create Popup ( Follow the video)
    2. On your dashboard go to Luxire => Theme option => Luxride Popup Settings
      Enble popup and select the post.