Author: Musa Jatkowski

read only

Websites hosted on Aurora will be read-only on 6/18/16 & 6/19/16
for an infrastructure upgrade. Websites will still be accessible as normal
but there will be no access to the dashboard or forms.

Homepage Customization in Hale or Prudence

Layout and Other Theme Options

Go to Appearance > Themes and select the Customize link. From here, you have the following options:

Site Title & Tagline

Here, you can change the name of your site as it appears in the top bar. The tagline is not currently used in the system.

Template Options

Here, you can choose what kind of homepage layout you’d like, and choose to include a School, or College in your top bar.

Navigation

Here, you can choose which Menu will appear as the main navigation for the site. You can probably leave it as is. To edit your navigation, see the Navigation guide.

Static Front Page

If you’d like to switch from a traditional site layout to a blog, select “Your latest posts”.
After you’ve finished customizing, hit save in to top right corner of the side panel, and those changes will appear on the site.

Homepage Content

Go to Appearance > Widgets. From here, you have the following:

Available Widgets

This is the library, the repository of possible widgets you can use in your site. To add widgets to the Sidebar, or a Home section, drag it in. The change happens immediately. Some widgets will need to to have some settings configured before they work fully.

Widgets Page
Widgets Screen

Inactive Widgets

Located below Active Widgets, you can use this to “save” a widget and it’s settings. If you switch themes, some of your widgets may end up here.

Sidebar

Widgets placed in the Sidebar will appear on the “News” page, the search results page, the archives page, and pages that use the ‘Default w/Sidebar’ page template.

Home1-Home5

These sections correspond to the different areas of a homepage layout. They will always start form the top left, and then wrap down to a second line.

Hide Visible Widget for Future Use

If you have a widget on a page or post using Page Builder that you don't want to display but also don't want to delete, you can hide it. To do so, go to the widget's Edit screen and click on Attributes. Then, add the following line of code to the widget's CSS Styles:

display: none;

You can't do this for widgets in Appearance > Widgets since they do not have an option to enter custom CSS.

hide widget

Custom CSS

With the Custom CSS Tool, Site Admins are able to write their own CSS to modify aspects of any template.

This tool is located within Appearance > Custom CSS.

For security purposes, all CSS is sanitized before being allowed onto the site. Once you hit update, you will notice that the formatting may change. That is the sanitizer CSSTidy at work.

You can revert to the previous version of your custom CSS by clicking the Revert to previous version link that appears underneath the editor.

Allowed CSS

The following CSS selectors, values, and properties will work in the Custom CSS plugin.

Default CSS

Additional CSS

Selectors

:before
:after
area
article
audio
section
aside
base
bdi
body
canvas
command
datalist
details
dialog
embed
footer
figure
figcaption
head
header
hgroup
html
keygen
link
main
map
mark
meta
meter
nav
output
progress
rp
rt
ruby
source
style
summary
time
title
track
video
wbr

Properties

align-content
align-items
align-self
background-clip
background-origin
bottom
border-radius
border-image
box-shadow
box-sizing
color
content
display
filter
flex-grow
flex
flex-direction
flex-flow
font-size-adjust
font-stretch
justify-content
left
min-height
min-width
opacity
order
overflow
overflow-x
overflow-y
position
right
tab-size
text-align-last
text-justify
text-overflow
text-shadow
top
visibility
word-break
word-wrap
z-index

Values

src
rgba()
!important

If your site needs to use CSS properties not listed here, look into custom theming.

Videos

Embedding Videos

You can add videos from YouTube or Vimeo into your Aurora site. The process is the same for either site.

To do so:

  1. Copy the URL of the video
  2. Paste it into either the visual editor or the text editor. It does not matter which.
  3. Add an embed shortcode before it, and a /embed shortcode after it. For example:
  4. If you would like to fix a width, add this in your embed shortcode. The measurement is automatically taken in pixels, so if you type width="280" it means 280px. For example:

    Note that this acts as a maximum width — the video will never be wider but may shrink if the browser width is too narrow.

Uploading Videos

Alternately, you can upload a raw MP4 or OGG video file, and use the 'Add Media' button to add it to a page.

Warning: You only get so much space on an Aurora site, and videos can be quite large. You may want to reconsider adding long videos or HD videos.

Be sure to remove the width and height attributes to get a responsive video size.
 

Site and Theme Updates

Aurora Site Updates

  • Reworked site navigation based on user feedback, and to better align the site with upcoming training sessions.
  • Removed duplicate pages, condensed information.
  • Added new pages on importing, exporting, using Google Analytics, and a lot more.

Huskypress 3.0.1

Changelog

  • New single-row homepage layout options
  • Cleaned up formatting, eliminated redundant css.
  • Added better comments, organized the stylesheet.
  • Integrated styles from parallel stylesheets.
  • Search field works properly in mobile widths.
  • Minor aesthetic changes to search field, A-Z button.
  • “University of Connecticut” now displays correctly in IE8.
  • Improved display of “Search” widget.
  • Images now properly align in blog posts
  • Minor improvements to typographic elements
  • Tables now get a default style.
  • Other various bug fixes.

 

August Update

If you’re curious about what’s coming next, read the Aurora Update 1 details.