Website Header - Promo Ribbon

The Promo Ribbon displays at the top of your website, above the main navigation menu and main header. 

Once you are logged into your website, scroll down to the Header section. Select this section to expand it.

Select the Promo Ribbon tab to access the promo ribbon settings

Show Ribbon

Toggle this switch to Yes to display the Promo Ribbon

Ribbon Link

Insert a link here if you would like the promo ribbon text to link to another page

Ribbon Text

Enter text here that will display on your promo ribbon. If you have inserted a link, the text will display as a hyperlink to the URL you have added into the Ribbon Link area. 

Background Colour

Click on Select Colour to choose the background colour of the promo ribbon

Promo Image

Click Add Image to upload an image that will display in your promo ribbon. This image will display instead of text. 

Image Display

Select one of the below options to choose how your promo ribbon will display:

  • text only - only the text you have entered in the Ribbon Text box will display
  • Image: full background - The image uploaded will stretch to the width of the promo ribbon area. No text will be displayed. 
  • Image: actual size - The image uploaded will display as its original size. No text will be displayed. 

Scroll up and click the Update button to save any changes and publish them to your website.