• Getting Started
  • Writing for UQ Drupal
  • Configuring site title
  • Site Editor Training
  • Planning your website
  • Administrator view
  • Alert boxes
  • Content Writing
  • Building a homepage
  • Writing for the Web
  • Site Coordinator Training
  • Banners
  • User types
  • Legacy system support section
  • Accessibility
  • Blocks
  • UQ School Template Training
  • Logging in
  • Administration
  • Brand Colours
  • Views
  • Design & Build
  • Images for the web
  • Buttons
  • Display Suite
  • UQ Base theme: Style Guide
  • Equal height elements
  • Search Engine Optimisation
  • Image Styles
  • For Developers
  • DS Inception
  • Forms
  • Drupal Glossary
  • Creating a sandbox
  • Icons
  • How to create banners
  • Training
  • List with lead
  • Google Analytics
  • UQ School Theme: Style Guide
  • Panels
  • UQ Base Regions
  • Utility classes
  • UQ Base theme
  • Quicktabs
  • Webforms
  • Tables
  • Toggle
  • Typography
  • UQ News RSS feeds
  • Block grid
  • Demo form
  • Date and Time
  • Grid
  • Menus
  • Name space standards
  • Theme settings
  • URL patterns
  • Central data
  • Maintenance mode
  • Site search
  • Developer Virtual Machine
  • Developer Contribution Workflow
  • UQ Base theme updates
  • Modules available for use in UQ Drupal
  • Migration Classes
  • DS Inception V3
  • Automated Tests
  • Theme settings

    Customise layout

    These settings allow customisation of widths and container styles for all regions in the theme. By default the Global maximum width should be used to define width and all other regions should be set to - None - so that they use the widths applied by column number classes.

    In most cases the Header + footer max width should be Match global max width so that it lines up vertically with the rest of the page. The defaults for these settings come from the theme .info file.

    Region container grid width

    For each region you can set the column width, which over-rides the defaults.

    Adds .columns class and works inconjunction with the column number classes in the drop down list.
    parent row
    Adds .row to the parent div. Used to clear a region against the others around it.
    collapse (parent row)
    Removes left and right margins from column and row elements inside the parent div which .collapse is applied to.
    centre column
    Adds margin:0 auto so the region is centred on the page. Has no effect if .columns.twelve is in place. Sidebar Second and Content Primary may override this if they are the last column in the row.

    Region container styles

    white container
    Addes a white background colour to that region.
    Adds a drop shadow on all sides of the region div.
    top/bottom margin (10px)
    Adds 10px of margin to the top and bottom of the region div. Margin is applied outside the div.
    top/bottom padding (10px)
    Adds 10px of padding to the top and bottom of the region div. Padding is applied inside the div.
    reset margins (0px)
    Sets the region div to have zero margin, overriding any margins applied previously.
    reset padding (0px)
    Sets the region div to have zero padding, overriding any padding applied previously.
    rounded top edges (8px)
    Adds a border radius of 8px to the top left and right corners of the region div.
    rounded edges (8px)
    Adds a border radius of 8px to all four corners of the region div.

    CSS/JS includes

    This allows a single .css and .js file to be uploaded for the purpose of site specific custom styling and fuctionality. This allows a site to have its own specific styling on to of the UQ Base theme without requiring a whole sub-theme. These files are stored in the site database and are not included in SVN. Once uploaded, these files can be downloaded from this location in order to make changes and then re-uploaded.

    Both files are loaded after all other CSS and JS respectively.

    To ensure that your code works properly with everything else on the site please use the following JS template:

    ;(function ($, window, document, undefined) {
    	'use strict';
    	$(document).ready(function () {
    		// your code
    }(jQuery, this, document));
    // Closure to map jQuery to $
    // Essential JavaScript/jQuery/Drupal Behaviours - https://drupal.org/node/171213
    // Drupal JavaScript API - https://drupal.org/node/304258#drupal-settings

    Custom background

    This allows sites to manage their background colour and/or image without requiring code changes.

    Use uploaded image as background replacement
    Enables/disables the custom background. When disabled it will use the default UQ Base background.
    Sets the background-colour attribute on the <body>
    Image Path  
    Specifies the file path for the image to be used as the background-image attribute. Should reference an image that has been uploaded to the sites Image Browser.
    Specifies if and how the background-image will repeat on the page. Theme default does not repeat.
    Specifies the background-position attribute for the background-image. Defaults to "top left" if not set.
    Specifies the background-size attribute for the background-image. This is a CSS3 property which is not supported in older browers.

    Show/hide common elements

    Enables or disables certain theme elements. These are core Drupal settings and should not be changed on sites using UQ Base.

    Not used, has on effect.
    Site name
    Enables / disables the site title in the purple header. Title set in the Site Information section.
    Site slogan
    Not used, has no effect.
    User verification status in comments
    Shortcut icon
    Enables or disables the favicon from showing. If you use a custom favicon you have to enable this again for it to display.
    Main menu
    Not used, has no effect.
    Secondary menu
    Not used, has no effect.


    Not used, has no effect. This setting is included as part of the Drupal core.


    Includes the UQ favicon or allows a custom one to be used. Should not be changed.

    Previous (Name space standards)Next (URL patterns)