Image sliders Add scrolling banners to promote events, campaigns and more. content What are sliders? Sliders allow you to easily promote events and other union activities using imagery. How do I create one? Manually Find the page you want to add a slider to and upload your images to your page. Copy the code below and paste it into the source view of your page. Replace the image paths with the images you've just uploaded. Replace the URLs with the specific URLs for your slider items. <ul class="slider-container"> <li><a href="/"><img alt="Leaves" src="https://images.unsplash.com/photo-1646308070537-93e4b51f41d0?w=900&h=300&&auto=format&fit=crop" /> </a></li> <li><a href="/"><img alt="Leaves" src="https://images.unsplash.com/photo-1646308070503-a9acfebaac77?w=900&h=300&&auto=format&fit=crop" /> </a></li> </ul> Using a newslist widget Find the page you want to add a slider to and go into edit mode. Create a newslist widget and select the organisation you want to use. Add a specific tag if necessary to filter the news articles e.g. Welcome Festival. Set a specific width and height for the slider and set the image resize type to 'croptofit'. Add the 'slider-container' class to the widget beside the 'Wrapper div CSS class' field at the end.
Add scrolling banners to promote events, campaigns and more.
Sliders allow you to easily promote events and other union activities using imagery.
<ul class="slider-container"> <li><a href="/"><img alt="Leaves" src="https://images.unsplash.com/photo-1646308070537-93e4b51f41d0?w=900&h=300&&auto=format&fit=crop" /> </a></li> <li><a href="/"><img alt="Leaves" src="https://images.unsplash.com/photo-1646308070503-a9acfebaac77?w=900&h=300&&auto=format&fit=crop" /> </a></li> </ul>
Some pages, such as in the Advice and Governance sections, have resource lists to make things easier to find and access.
Create engaging layouts using columns to spread out photography, text and buttons.