Page Comparison

The CSS code provided here are examples only and provided without support. Your site may be configured differently. Examples may or may not work on some devices and may not follow best practices for accessibility. Please test accordingly.

Hiding Quiz Question Titles

To hide quiz question titles add the following to your global CSS

body.page-node-#### div.quiz-question-wrapper h2 {
display: none;
}

and replace #### with the node ID containing the quiz question.

Replacing Quiz Question Titles

body.page-node-#### div.quiz-question-wrapper h2:after {
content: 'REPLACEMENT TEXT';
 visibility: visible;
 position: absolute;
 top: 0;
 left: 0;
}

body.page-node-#### div.quiz-question-wrapper h2 {
 /* display: none; */
 visibility: hidden;
 position: relative;
}

...

#navigation, #header {background-image:none;}

To change the background color of the main menu to blue, add the following to your global CSS

...

#navigation #main-menu li ul {background-color:#267ccb;}

Add message to all pages (for example, alerts about planned site maintenance)

#content:before {
    content: "Attention: We are aware of a problem with the display of certificates. An update will be posted when the issue is fixed.";
    text-transform: none!important;
    color: darkred;
    padding: 10px!important;
    width: 100%!important;
    position: relative;
    display: block;
}

Hiding course complete table listing course objects

.course-complete-items {display:none;}

Hide social media icons

#header .block-service-links {display:none;}

Hiding the learning group and other group's left column

.og-context section.region.region-sidebar-first.column.sidebar {display: none;}
.og-context div#content {width: 100%!important;}

Hide the price on a course landing page

Replace #### with the node id of the appropriate course.

.page-node-#### .group-price, .page-node-#### .field-name-share {display: none;}




-display-price {display:none;}

Hide the Take Course button 

Replace #### with the node id of the appropriate course.

.page-node-#### .course-take-course-link-wrapper {display:none;}

Hide the Accreditation tab on all course landing pages

#content-area .resp-tabs-list li a.group-accreditation {display:none;}
#content-area .resp-accordion a.group-accreditation {display:none;}

Hide the Accreditation tab on a single course landing page

.page-node-#### #content-area .group-tabs .group-accreditation {display:none !important;}

Replace #### with the node ID of the course.

Hide the Accreditation Period on all course landing pages

.node-course .group-accreditation-period {display:none;}

Hide the Accreditation Period on a single course landing page

.page-node-#### .node-course .group-accreditation-period {display:none;}

Replace #### with the node ID of the course.

Remove grey table borders on couse landing pages

.node-type-course tbody {border:0;box-shadow:none;}

Remove grey table borders on course pages 

.node-type-page tbody {border:0;box-shadow:none;}

Target a single page for a CSS rule

In this sample, the h3. pane-title will be not be displayed on the specified node.

.page-node-#### h3.pane-title {display: none;}

and replace #### with the node ID of the page.

Widen the Attributes column in the cart

#uc-cart-view-form .attributes {min-width:400px;}

Hide the QTY column in the cart

#uc-cart-view-form th:nth-child(4) {display:none !important;}
#uc-cart-view-form td.qty {display:none !important;}

Hide the cart icon

#uc-cart-link {display:none;}

Hide the Sell Price search facet (in left sidebar)

#block-facetapi-b91saswoacmhgyg5txfupyfo0mvoxnyz {display:none;}

Hide the Registration status facet (in left sidebar)

#block-facetapi-ecjmbmjnssifqt00lzuiks7ayzfdpa6o {display:none;}

Hide the Cost column in most views

.views-field-sell-price {display:none !important;}

Remove table borders

This is done inline when editing content rather than as global CSS.

<table class="noborder">...</table>