Majorca

Instruction

This explains how to add your own customization to make it like Live Demo site.

Cutomization STEPS

First of all

The background image of the Sidebar Title and Page Title are not displayed only first when install sample contents. (Bug?)


Just after installation


Set the correct style


Just after installation


Set the correct style

 

• Style Customization

  1. Click the Gear icon of the editing toolbar.
  2. Gear icon -> Desing -> Customize Theme -> Expand
  3. Select another preset from the Jet. (Example: Navy)
  4. After selecting another preset, select again Jet. Click the "Save Changes".
  5. Click the "Entire Site".
  6. System & Settings -> Optimization -> Clear Cache











 

Live Demo site

• Splash Area of Front page (Home page)

Please edit with your dashboard under Majorca Theme Options.
Dashboard -> Pages & Theme -> Majorca Theme Options -> Home Splash Area

  1. Select an image or video. (-- none --, Splash Image, Splash Video)
  2. Set up optional items such as "Splash Heading" and "Splash Caption".
  3. Check to display the skip button.













 

• Middle section of the Home page

Animation settings

  1. Click the label for the area and pick "Edit Area Design".
  2. Add a custom class. (item-top, item-bottom, item-left, item-right, item-fade-in)
  3. Edit with your dashboard under Majorca Theme Options.
    Dashboard -> Pages & Theme -> Majorca Theme Options -> Others: Load Parallax Script.
  4. Check the box.







 

Split Area

Please refer to the documentation for Add Layout.

  1. Click the label for the area and pick "Add Layout".
  2. Choose the "Split Standard" or "Split Reverse" of Area Layout Preset.
  3. Add content to each area.
  4. Add a Custom Class by Edit Area Design. (padding-right, padding-left)















 

Animation settings

  1. Click the label for the area and pick "Edit Area Design".
  2. Add a custom class. (item-top, item-bottom, item-left, item-right, item-fade-in)
  3. Edit with your dashboard under Majorca Theme Options.
    Dashboard -> Pages & Theme -> Majorca Theme Options -> Others: Load Parallax Script.
  4. Check the box.





 

• Parallax section of the Home page

Parallax is a core function.
Parallax scroll area layout custom template.



 

Style Customization

  1. Click the Gear icon of the editing toolbar.
  2. Gear icon -> Desing -> Customize Theme -> Expand
  3. Select another preset.
  4. Click the "Save Changes" and "Entire Site".
  5. System & Settings -> Optimization -> Clear Cache