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.

columns
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.
drop-shadow
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.
Colour  
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.
Repeat  
Specifies if and how the background-image will repeat on the page. Theme default does not repeat.
Position  
Specifies the background-position attribute for the background-image. Defaults to "top left" if not set.
Size  
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.

Logo
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
TBC
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.

Logo

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


Favicon

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