Mavenseed Documentation
Back to Mavenseed
  • Welcome to Mavenseed 🎉
  • Getting Started
    • Creating your account
      • Connect to Stripe
        • Stripe F.A.Q.
    • Managing your account
      • Managing Your Sites
        • Custom Domains
        • Importing Data
          • Customers with subscriptions
          • Customers with orders
          • Customers with no orders
          • Courses
          • Videos
          • Images
        • Exporting Data
        • Gateways
        • Policies
      • Inviting Collaborators
      • Guest Authors
      • Manage your Subscription
      • Plugin Subscriptions
  • Creating Content
    • Dashboard
    • Posts
      • Quotes
    • Pages
    • Courses
      • Course Stats
      • Chapters: Adding & Editing
      • Lessons
      • Exercises (Assignments)
        • Submitting to an Exercise
      • Quizzes
      • Details
      • Selling Options
      • Course Files
      • Settings
      • Notes
      • Revisions
    • Community
      • Buzzes
    • Downloads
      • Edit
      • Sell
      • Files
    • Live Streams
      • Editing Details
      • Selling Options
      • Editing Media
      • RSVP's
    • Categories
    • Tags
    • Site Search
    • Page Builder
      • Using Templates
    • Media Library
  • Selling Your Content
    • Single Purchases
    • Bundles
    • Memberships
    • Selling FAQ
    • SCA
  • Running your business
    • Customers
      • Received Payments
    • Progress Reports
    • Orders
      • Creating Manual Orders
    • Managing Subscriptions
      • How Subscriptions Work
      • Creating Subscription Plans
      • Editing a Subscription Plan
      • Canceling & or Deleting customers subscription
      • How to: Creating a tiered subscription offering
      • Changing your Maven Subscription Plan
      • Emailing your Subscribers
      • Team Plans
      • Override Plans Page
      • Custom Welcome Page
      • Free Subscriptions
    • Coupons
    • Gift Cards
    • Gift Subscriptions
    • GDPR
    • Selling Merch
  • Managing your site
    • Activity
      • Events List
      • Single Event
      • UTM Campaigns
      • Comments
    • Reports
    • Settings
      • Scripts
      • Links
      • Design
      • Communications
      • Integrations
        • Google Analytics
        • Google Tag Manager
        • Mailchimp
        • Zapier
        • Youtube
        • Helpscout
        • Tree Planting
      • Taxes
        • Stripe
        • Braintree
        • U.S. Sales Tax
        • EU Value Added Tax
      • Forms
        • Contact form
    • Market
      • Social Links
      • Social
      • Comments
      • Reviews
      • Bookmarks
      • Loves
      • Playlists
      • Gamification
      • PayPal ($)
      • Projects ($)
      • Profiles ($)
    • Security
      • Spam
    • Notifications
    • SEO
  • Developers
    • API
      • Coupons
      • Courses
      • Customers
      • Events
      • Lessons
      • Chapters
      • Course Chapters
      • Orders
      • Payments
      • Subscriptions
    • Webhooks
    • Site Customizations
  • Changelog
    • 2023
      • January
    • 2022
      • December 2022
      • November 2022
      • October 2022
      • September 2022
      • August 2022
      • July 2022
      • May 2022
      • April 2022
      • March 2022
      • February 2022
      • January 2022
    • 2021
      • November 2021
      • September 2021
      • August 2021
      • July 2021
      • June 2021
      • May 2021
      • February 2021
      • January 2021
    • 2020
      • November 2020
      • October 2020
      • September 2020
      • August 2020
      • July 2020
      • June 2020
      • May 2020
      • April 2020
  • Beta Accounts
    • Ensuring Subscription Plans are Synced with Stripe
    • Updating your Stripe Product ID
Powered by GitBook
On this page
  • Mavenseed CSS Classes
  • Frozen CSS Classes

Was this helpful?

Export as PDF
  1. Developers

Site Customizations

PreviousWebhooksNext2023

Last updated 4 years ago

Was this helpful?

Although we provide quite a few options for customizing your site by way of and , there may come a point where you want to customize it just a little bit more. This can come by way of applying some custom CSS.

  1. While in your site admin, click on the Settings link on the menu on the left.

  2. Next, click the Scripts tab.

Custom CSS can be added here within a style tag like so:

<style>
    body{
        background:red;
    }
</style>

This CSS rule will turn the background of your site red.

With great power comes great responsibility! While it's possible to muck things up, here's an example of what's possible with some custom CSS.

Mavenseed CSS Classes

There are a ton of CSS classes that you can apply Page Leafs in order to get even more out of the design. In fact, the padding and margin settings on Page Leafs simply apply these utility classes! Here's a list of commonly used classes and what they do.

Class Name

What it does

pl-1, pl-2, pl-3, pl-4, pl-5

Padding left in increasing amounts

pr-1, pr-2, pr-3, pr-5, pr-5

Padding right in increasing amounts

px-1, px-2, px-3, px-4, px-5

Padding left AND right in increasing amounts

py-1, py-2, py-3, py-4, py-5

Padding top AND bottom in increasing amounts

ml-1, ml-2, ml-3, ml-4, ml-5

Margin left in increasing amounts

mr-1, mr-2, mr-3, mr-5, mr-5

Margin right in increasing amounts

mx-1, mx-2, mx-3, mx-4, mx-5

Margin left AND right in increasing amounts

my-1, my-2, my-3, my-4, my-5

Margin top AND bottom in increasing amounts

ml-auto

Margin left auto

mr-auto

Margin right auto

mx-auto

Margin left AND right auto

my-auto

Margin top AND bottom auto

text-primary

Sets text to primary color

bg-primary

Sets background to primary color

Frozen CSS Classes

We have been steadily adding special CSS classes to select markup that you can use to target specific sections with styles. These classes are prepended with ms-, and will never be changed.

Class Name

What it targets

ms--reviews

The reviews container when viewing content.

ms--reviews-anchor

The container for the review stars linking to the reviews.

ms--playlist

The playlist container.

ms--playlists

The list of playlists.

ms--playlist-item

The playlist item

ms--question-form

The questions form when viewing a lesson.

ms--question-list

The list of questions.

ms--bundled-products

The bundled products container when viewing content.

ms--site-widget-XX

Target a specific page leaf widget (XX is the id) with custom CSS.

page leafs
A real-life, actual website on Mavenseed.
page settings