Service icons
The service icon area on the homepageExternal link icon provides the user with an immediate entry point into the most commonly used or promoted services.
The service titles, Font awesome icons, and links can be defined in the website CMS.
Example service icons
Pound sign iconBuy parking permitsfas fa-pound-sign
House iconPay council taxfas fa-home
Exclamation mark iconReport a problemfas fa-exclamation-triangle
Child waving hands iconCheck school term datesfas fa-child
Adding the circle behind the icon
Use a CSS background colour and border radius to create the circle behind the icon. The following example creates a 50px black circle.
i {
background: #000000;
border-radius: 25px;
width: 50px;
height: 50px;
}
Useful informationRead more about sourcing new icons in the icon cheat sheet
