Skip to Content

News Carousel

Screenshot of Latest News Carousel Content Type

  • The news carousel displays the first 3 news story headlines, taken from the News page within your site and rotates through any additional headlines
  • The minimum number of news items is 3 for the carousel to display correctly
  • Image banners on news stories must be sized to 1600 x 767. Otherwise the thumbnail images generated for the news carousel will be distorted.
  • You can add a title for the carousel, which will be displayed above the news headlines
  • If you re-order the news stories on the News page, the carousel will automatically update its headlines in the next site publish

Image Guidance

  • You should have full permission for any image you intend to use on your website.
  • All images should be the correct dimensions and optimised for the web.  For users that do not have access to Adobe Photoshop or a similar image editing resource, we would recommend the use of PIXLR, a free online image editing platform.  This platform can be used to resize and optimise images.
  • You must use the correct naming convention for image filenames, as follows: 
    • Use only lowercase letters (a to z), numerals (0-9) and hyphens (-);
    • Do not use spaces. Instead, use hyphens to separate words.
    • Do not use special characters (e.g., £, %, &, á) or underscores.
  • The following resource explains how to optimise an image for use on the web.
  • You are not required to add an Image Alt Text / Description if the image will be decorative only.  Further information is available in the Text Alternatives for Images section of our Accessible Content Guidance.
  • Do not create images with embedded text.  The image will be inaccessible and the text will not scale across mobile and desktop devices.  This content type enables you to add a title onto an image in an accessible way. 

Note

  • The section link must point to the page within your site called News
  • The carousel only displays content from your News page, which uses the DTP - News Story content type
  • DTP - News Story content type must have the 'Date' field completed to be picked up by the carousel
  • This is how your content type will look when it's filled in:

News Carousel Edit Mode 2018