Skip to main content
MindTouch Success Center

Customize with style containers (MT4)


Listing of MindTouch class and ID names used in MindTouch. Styles are listed in the order of their appearance in the HTML from top to bottom and left to right.
 

Wrapper Containers

.mt-wrapper *
This container sets a width and centers the content on the page.
.mt-header *
This header container allows for Custom CSS to differentiate between the content and header containers since they both use .mt-wrapper.

Header styles

.mt-pro-member *
Pro member bar at the top of the page that appears to seated members only.
.mt-editor-controls *
Page controls for pro members located inside the .mt-pro-member container on the left.
.mt-pro-controls *
User and site controls for pro members located inside the .mt-pro-member container on the right.
.mt-user-nav
Unseated and anonymous controls container located at the top right of the page.
.mt-login-links
Login and unseated user navigation links located inside the .mt-user-nav container in the upper right of the page.
.mt-logo
Logo container located to the left and under the .mt-pro-member container or .mt-user-nav based on seated status.

* Seated users only

Content Styles

.mt-content
Container that holds and centers .mt-site-nav, .mt-content-container, and .widget. It is to the left of the tray.
.mt-site-nav
Container for dynamic breadcrumb navigation located above the .mt-content-container and below the .mt-logo container.
.mt-content-container
Main content container located below .mt-site-nav.
.dw-hierarchy
Older breadcrumb container found above the page title but below the dynamic breadcrumb navigation inside .mt-content-container.
#title
Found inside an <H1>, this is the page title container. It is found below .dw-hierarchy.
.mt-pagination
Container that holds the "Previous" and "Next" navigation links visible on Topic, How-To, and Reference pages. 
.widget
Tabbed container at the bottom of the .mt-content-container that holds a page's comments and file attachments. By default this container is hidden on Portfolio, Category, and Special pages. 

Right Tray Styles

.tray
Container located to the right of .mt-content-container, this container  holds page controls, feedback, related articles, tags, social controls, and other miscellaneous content based on page type.
.mt-tray-header
Container located at the top of  .tray that contains the global search field.
.trayframe and .traybody
Containers that give the .tray container it's border and depth. The content is contained inside .traybody.
.section
Generic container for each of the components located inside .tray. Creates a border to separate content.
#controls
Navigation in the .tray that contains links for notifications (seated users only), email, printing, and PDF generation.
.mt-social-share
Container where social share buttons exist for Facebook, Twitter and Googe+.
#page-version-tags
Contains the last modified date link to page history. Date is plain text for anonymous and community members.
#feedback
Container for the content rating plugin located inside the .tray.
#related
Identifies the related articles template container inside the .tray container.
#anchor-tags
Identifies the tags plugin content inside the .tray
#site-hierarchy
Shows site navigation in the .tray. Hidden by default, except in the /Template: namespace, this feature can be turned on with special configuration settings.
.custom-tray
This container allows for customers to add their own content to the tray container. It lives at the bottom of the tray.

Footer Styles

.mt-foot
Container at the bottom of the page that contains site information.
.mt-site-info
This contains the site name and copyright. It is floated to the left inside .mt-foot.
.poweredBy
Container floated to the right and inside .mt-foot that holds the Powered by MindTouch link to mindtouch.com.
  • Was this article helpful?