Edwiser RemUI Theme For Moodle - Documentation
Edwiser RemUI Theme Documentation
Edwiser RemUI Theme For Moodle - Documentation
Edwiser RemUI Theme Documentation
  • 🚀Getting Started
    • Clone RemUI Demo
      • Requirements
      • Installation Steps Demo Cloner
      • Login
      • For Non-SQL User
    • Installation
      • Changing the theme to RemUI
      • Activating the license key
      • Enabling up page builder
    • Quick Start Guide
      • Basic Configuration
      • Customizing Your Theme
      • Import Demo Home Page
  • 🏠Site Home Page Setup
    • Set Page Builder & Enable Filter
    • Import Demo Home Page
    • Create Home Page
    • Customize Home Page Sections
    • Create Home Page For RemUI Starter
  • ⚙️RemUI Theme Setup
    • Basic Setting
    • Focus Mode Enhancements
    • Dark Mode
    • 🖌️Visual Personalizer (Colour Customization)
      • Global Settings
      • Custom CSS
    • Header
    • Footer
    • Login Page
    • Custom CSS
  • 📖Course Setup
    • Course Format
    • Course Settings
    • Course Filters and Sorting
    • Featured Courses Block
    • Enrolment Global Settings
    • View Enrolment Page
    • Edit Enrolment page
    • Adding custom fields
  • 📊Dashboard Page Setup
  • 🛠️Custom Page Creation
    • Create custom page
    • Customize the page
    • SEO optimzing the page
    • Saving and Publishing the Page
    • Manage custom pages
    • Edit Custom Page URL
  • Accessibility Widget
  • Site Sync
  • ⭐Course Rating & Review
  • Export block
  • 🔁Update Guide
  • 🧠Knowledge Base
Powered by GitBook
On this page
  • Get Familiar with the Design Area

Was this helpful?

  1. Site Home Page Setup

Customize Home Page Sections

PreviousCreate Home PageNextCreate Home Page For RemUI Starter

Last updated 6 months ago

Was this helpful?

Walkthrough Video

To customize the section of page builder please follow the steps below:

  1. Navigate to the site home page

  2. Enable the edit mode

  3. Click on "Live Customizer" of the section you want to customize.

Get Familiar with the Design Area

  1. Tabs to access the Navigator, Components and the following settings for a selected element:

  • Content

  • Styling

  • Advanced

  1. Undo, Redo and Rest buttons

  2. Preview and Fullscreen button

  3. Save changes and close the customizer button

  4. Drag, Select Parent element, Move element, Duplicate element and delete element buttons

  5. Code Editor button to access the code

  6. Add element button

  7. Responsive view button

  8. Add and access CSS and Javascript code

🏠