Skip to main content
Footer row colours

How to apply custom colours to a footer row.

Callum McFadgen avatar
Written by Callum McFadgen
Updated over 2 years ago

The colours used on your Airsquare site are defined in Website > Settings > Colours

where you can set the colours, transparency and gradient angles that are then applied to the footer. However there may be a situation where you would like to change a colour for a specific footer row.

What colours can I change?

The colours that can be changed for a footer row are:

  • Row > Border

  • Row > Background (primary)

  • Row > Background (secondery)

  • Row > Background gradient angle

  • Content > Heading 1

  • Content > Heading 2

  • Content > Heading 3

  • Content > Heading 4

  • Content > Paragraph

  • Content > Link

  • Content > Link hover

  • Content > Horizontal line

  • Content > Blockquote background

  • Content > Blockquote border

  • Form > Fieldset background

  • Form > Fieldset border

  • Form > Input background

  • Form > Input border

  • Form > Input text

  • Form > Input focus border

  • Button > Background (primary)

  • Button > Background (secondary)

  • Button > Background gradient angle

  • Button > Text

  • Button > Border

  • Button > Hover text

  • Button > Hover background

  • Button > Hover text

How do I adjust a footer row colour?

When you change your row colours, the new colours will immediately be displayed in the website preview on the right-hand side of your screen.

  1. Go to Website > Settings > Footer.

  2. Click the Content tab.

  3. Find the row that you are looking for and click Colours in the drop-down menu under More in the Options column.

  4. Find the section you are looking for and click the small triangle to the right of the heading to expand the section.

  5. Find the colour that you would like to adjust and click on it to open a colour palate.

  6. Click and drag on the little circle in the big gradient square to alter the colour or enter the RGB code of the colour you want to use.

  7. Click the Choose button.

  8. Click the Update button.

Did this answer your question?