HTML Text Tags
Sample text is being used as a placeholder for real text that is normally present on your website.
Block Quote
Text Sizes
Large Callout Size.
Large Callout Size.
Subtitle 2
Sample text is being used as a placeholder for real text that is normally present on your website.
Subtitle 2
Sample text is being used as a placeholder for real text that is normally present on your website.
Body Text
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
Body Small
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Tiny Text
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Disclaimer! Tables of Contents do not appear in Designer or Preview mode. Only on publish.
To add a table of contents.
- Add "Table of Content" component into page
- Find the relevant rich text element in your page and tag its PARENT element with the ID "content" in the element settings panel (right side of screen after selecting parent element)
To edit a table of contents component.
For Webmaster only.
- DO: Directly edit "toc", "tocitem", "toc-h2", and "Toc-h3" classes.
- DO NOT: Stack style classes on top of toc items
Text Styles
text-style-strikethrough
text-style-italic
text-style-opacity
text-style-allcaps
text-style-nowrap
text-style-link
Sample text is being used as a placeholder.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Text Weights
Text Alignments
Colors
Manage recurring text and background colors.
Background Colors
Primary
Text Colors
Shadows and Image Styles
Buttons
Button combo class system.
+
+
Structure Classes
Defined and flexible core structure we can use on all or most pages.
Max widths
Use the max-width CSS property to contain inner content to a maximum width.
Paddings & Margins
Utility spacing system - padding classes. [padding-direction] + [padding-size].
Utility spacing system - padding classes. [margin-direction] + [margin-size].
Direction Classes
Size Classes
Useful utility systems
Utility classes we like to use in most of our projects to build faster.
Spacers
Unified spacer system for the project.
Spacers
Unified spacer system for the project.
Shaders
Unified shader system for the project.
Components
Unified spacer system for the project.
Discover the Power of Labster
Heading
Resources
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Labster helps universities and high schools enhance student success in STEM.
Get Started
Discover The Most Immersive Digital Learning Platform.
Request a demo to discover how Labster helps high schools and universities enhance student success.
Get StartedLabster Ensures Your Success
Integrate With Your Existing LMS
Labster sets up your LMS integration or gets you started on our standalone platform.
Enhance Your STEM Curriculum
Labster works with you to match faculty with the most relevant virtual labs and course materials.
Receive Dedicated Ongoing Support
All subscriptions include support for faculty and students during and after deployment.
Bring Science to Life.
Request Demo300+ Simulations
Covering gateway courses in high school and higher education, all in the cloud.
Train Lab Skills
Empower students to master labs on simulated equipment.
Bring Science to Life
Engage students by placing them in the shoes of real scientists.
Automate Evaluations
Track student progress and automated grading to target teaching.
Visualize Theory
Help students connect theory and STEM careers with interactive scenarios.
Improve Outcomes
Labster is evidence-based, with a proven impact on improving student success.
Trusted Around the World
1800+
Institutions
900k+
Active Students
9m+
Played Simulations
35k+
Created Courses
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Discover The Most Immersive Digital Learning Platform.
Request a demo to discover how Labster helps high schools and universities enhance student success.
Request Demo
Frequently Asked Questions
How do students access Labster?
Labster is hosted online, which means that students only have to login from their internet browsers once an account is created. No download needed.
How is Labster purchased?
Labster is only available for purchase by faculty and administration at academic institutions. To procure Labster, simply reach out to us on our website. Schedule a demo, book a meeting to discuss pricing, start a free trial, or simply fill out our contact form.
How is Labster different from other learning solutions?
Labster simulations are evidence-based, and proven to impact student success. Labster is created by real scientists and designed to encourage mastery through active learning.
What types of courses does Labster support?
Labster supports a wide range of courses at the high school and university level across fields in biology, chemistry and physics. Some simulations train lab procedures with advanced, simulated lab equipment, while others are meant to bring theory to life through interactive scenarios.
How are simulations assigned?
Labster simulations are employed in a wide variety of teaching methods, including lab prep, homework, and in-class workshops to name a few.