Mura CMS Documentation - Object-Level CSS Hooks

Object-Level CSS Hooks

Mura not only provides an easy way to implement common web functionality, it gives you everything you need to style it exactly how you want.

When applicable, every object in Mura gets a unique ID dynamically generated from its user-defined name in the system. Otherwise, it gets an ID unique to its its specific-type. In addition, every object is given a class to target it by other characteristics. Between these, and the other CSS hooks provided in Mura, you can be very, very specific about how everything in your site is styled and presented.

The following is a list of some examples of objects and their associated CSS hooks:

Local Indexes

<div id="sysLatestNews" class="svSyndLocal svIndex svFeed">

Remote Feeds

<div id="sysYahooNews" class="svSyndRemote svIndex svFeed">

Portals

<div id="svPortal">

Galleries

<div id="svGallery">

Calendars

<div id="svCalendar">

Event Reminders

<div id="svEventReminder">

Comments

<div id="svComments">

Navigation

Standard Navigation

<div id="navStandard">

Portal Navigation

<div id="navPortal">

Peer Navigation

<div id="navPeer">

Sub Navigation

<div id="NavSub">

Sequential Navigation

<div id="navSequential">

Content Rater

<div id="svRatings">

Favorites

<div id="svFavorites" class="sv">

Note: the "sv" prefix is a legacy naming convention stemming from Mura's former name of "Sava." In addition, you may note that Local Indexes include a class of "svSyndLocal." This is also a legacy naming convention based on the previous name of Syndicated Content (as opposed to "Content Collections") and "Local" and "Remote" feeds, respectively.

Mura CMS