Skip to navigation Skip to content

Using borders and other styles in an example layout 

To have the text display as the overline heading style, add the style 'Heading Overline' to the 'Rich Text' Component

When using headings h1, h2, h3 ...
adding  <span class="font-novel-pro">around</span> the text you want to appear as the font Novel Pro.

Styles can be added to the container that the 'Rich Text' sits in OR the 'Rich Text' field itself, if not in a container.
To add border to left add style - 'Border Side Left'
To colour border add style - 'Border  Colour Yellow'
To centre content vertically add style - ' Align Component Centre Vertical'

Possible layout example below

Our students

Unparalleled life on campus

We place #1 for on-campus events and activities in Australia
(International Student barometer Survey)

Changing fonts within a 'Rich Text' field.

This is an example text field that swaps between the default sans serif font and the serif font Novel Pro.

To do so add <span class="font-novel-pro">around</span> the text you want to appear as the font Novel Pro.


Changing the font of the entire 'Rich Text' field

If you want the entire 'Rich Text' field to be Novel Pro then you can add the style 'Font Novel Pro' to the 'Rich Text' field.

This will ensure all the text is the same font

Border top example

Adding 'Border Side Top' style to this 'Rich Text' field results in the following display.
The colour of the border can also be chosen by adding the appropriate 'Border Colour..' style, the default colour will be the UWA gold if no colour style is added.
Padding is added to the side with the border to give a little space between text and border.

Border bottom example

Adding 'Border Side Bottom' style to this 'Rich Text' field results in the following display.
The colour of the border can also be chosen by adding the appropriate 'Border Colour..' style, the default colour will be the UWA gold if no colour style is added.
Padding is added to the side with the border to give a little space between text and border.

Border left example

Adding 'Border Side Left' style to this 'Rich Text' field results in the following display.
The colour of the border can also be chosen by adding the appropriate 'Border Colour..' style, the default colour will be the UWA gold if no colour style is added.
Padding is added to the side with the border to give a little space between text and border.

Border right example

Adding 'Border Side Right' style to this 'Rich Text' field results in the following display.
The colour of the border can also be chosen by adding the appropriate 'Border Colour..' style, the default colour will be the UWA gold if no colour style is added.
Padding is added to the side with the border to give a little space between text and border.
X
Cookies help us improve your website experience.
By using our website, you agree to our use of cookies.
Confirm