/
How to Edit Course Card Information

How to Edit Course Card Information

 

Also, see video tutorial: Moodle Course Card Tutorial: Edit Course Card, Syllabus, Instructor & Resources

PURPOSE

This guide walks you through customizing the Moodle course shell’s Course Card and its associated tabs—Syllabus, Announcements, Instructor, Resources, and Tutoring—so that every course has a consistent, accessible navigation for students.

  1. COURSE CARD

Location: First topic in your course (General Information)

1.1 Enter Edit Mode

  1. Click the ⋮ (three dots) in the top-right corner of the Course Card block.

  2. Choose Edit settings. The HTML editor appears.

1.2 Remove Unwanted Blocks (Optional)

  • If you see an Accessibility review block that you do not need, delete it by clicking the block’s three-dot menu and selecting Delete. You can always re-add it later via Add a block.

  • Consider adding blocks like Calendar or Course activities for extra functionality.

1.3 Update Course Title & Details

  1. Highlight the existing title text.

  2. Paste or type the correct course name (e.g., “ENGL 100D – ESL Intensive”).

  3. If sizing changes, use the heading dropdown (H6 → H5 → H4) until the text fits.

  4. To undo a mistake, press Ctrl + Z; then reopen Edit settings to try again.

1.4 Adjust Instructor Contact

  • Phone / Email: Highlight the email address, click the Link icon, choose mailto, update the username portion, and save.

  • Office Location: Remove any placeholder brackets and type your room number.

1.5 Advanced HTML Edits

  • Click the <> (View source code) icon to tweak raw HTML—ideal for editing quick-link buttons, images, or other elements not editable in the WYSIWYG view.

  1. QUICK-LINK BUTTONS

These buttons (Syllabus, Announcements, Instructor, Resources, Tutoring) are defined in the Course Card’s source code.

To change button text:

  1. In source view, locate the comment <!-- Quick links: ... -->.

  2. Edit the label between <button>…</button>.

To change button URLs:

  1. In the same source block, update the href="…" attribute to the new page URL.

  2. Save and verify in the Course Card display.

  1. COURSE DESIGN FILES TOPIC

Location: Final topic in your course

  • Ensure the topic title remains Course design files.

  • Availability setting:

    1. Click the topic’s three-dot menu → Edit topic.

    2. Under Availability, select Make available but don’t show on course page.

    3. This hides files from the course page but keeps them accessible via direct link.

  1. SYLLABUS TAB

Location: “Syllabus” page linked by the Course Card

4.1 Preserve Required Statements
Your syllabus must include, in order:

  1. Grade Appeals Process

  2. Disability Accommodation Statement

  3. Academic Integrity

  4. Attendance Policy

  5. Title IX Statement

You may leave the template text unchanged or update as needed.

4.2 Updating Content

  1. Click ⋮ → Edit settings on the Syllabus page.

  2. Copy your course-specific sections (schedule, description, assignments) from your Word syllabus.

  3. Highlight the placeholder text and paste; formatting (tables, lists) carries over.

  4. Save and confirm all template statements remain intact.

  1. ANNOUNCEMENTS TAB

Location: “Announcements” page

  • By default, Moodle imports announcements from course copy.

  • To edit: click ⋮ → Edit settings, update or delete any placeholder announcement, then Save and display.

  1. INSTRUCTOR TAB

Location: “Instructor” page

6.1 Changing the Photo

  1. Click ⋮ → Edit settings.

  2. Click the existing image, choose Delete, then Browse repositories → select or upload your picture.

  3. Set Custom size (e.g., width = 200 px), add an ALT description for ADA compliance, and Save.

6.2 Updating Bio

  • Copy your bio text from a Word document or web page.

  • Highlight the placeholder paragraph, paste your text, then Save and display.

  1. RESOURCES TAB

Location: “Resources” page

7.1 Editing Resource Containers

  • Each resource (e.g., MLA, OWL) is wrapped in an HTML comment block.

  1. Click ⋮ → Edit settings → View source code.

  2. To remove a resource, delete everything between its opening and closing comment.

  3. To duplicate, copy the entire block and paste where needed, then update title, link, description, and image.

7.2 Changing Links or Images

  • In WYSIWYG view, highlight the link text or image, click the Link or Image icon, update the URL/props, and Save.

  1. TUTORING TAB

Location: “Tutoring” page (Brainfuse LTI tool)

8.1 Enable Brainfuse

  1. In your course, click More → External tools.

  2. Toggle Brainfuse online tutoring to Enabled.

8.2 Add the Tutoring Link

  1. Scroll to Course design files and click Add an activity or resource.

  2. Select External tool → choose Brainfuse online tutoring, give it a label (“Tutoring”) and Save and display.

  3. Right-click the Brainfuse link → Copy link address.

  4. Edit the Tutoring tab: click ⋮ → Edit settings, highlight the existing link URL and paste the new one.

  5. Repeat for the linked image if desired.

  1. CONCLUSION & NEXT STEPS

  • Review each tab in Display mode to confirm changes.

  • If you encounter any issues or prefer not to edit raw HTML, contact your instructional designer or support team.

  • Watch for the upcoming video tutorial on Importing Course Content for advanced course-copy techniques.