Custom List Styles (Checkmarks and Bullets) – ASP Knowledge Base

Adding checkmarks instead of standard bullets can make your lists clearer and more visually appealing. While Showoff CMS doesn’t have a direct setting for checkmark lists, you can achieve this using custom CSS. This guide explains why, how, and best practices for implementing checkmark lists on your event website.

Why Use Checkmark Lists?

Improves readability: Makes key points easier to scan.
Enhances visual appeal: Adds a modern, professional touch.
Supports brand consistency: Match checkmark colours to your event palette.
Highlights important content: Perfect for features, benefits, or agenda highlights.

How to Apply Custom CSS

Select the list location
Decide which section, article, or page you want to display checkmarks.

Write the CSS
Use a snippet targeting your list, for example:

.custom-checklist li::before {
    content: "✔️";
    color: #007BFF; /* change to match your brand colour */
    margin-right: 8px;
}

Add CSS in Showoff
Paste your CSS into the CMS’s Custom CSS field for the page or site.
Test across devices
Check that the checkmarks display correctly on desktop, tablet, and mobile.

Best Practices

Scope your CSS to specific pages or sections using unique classes or IDs.
Use semantic icons for accessibility.
Avoid site-wide changes unless you want all lists to use checkmarks.
Preview changes before publishing to ensure consistency.

Getting Help from ASP

If you’d like ASP to implement checkmark lists for your event site:

Contact ASP Support with the page/section details.
Provide your preferred checkmark style or colour.
Our team will apply CSS tailored to your site while maintaining branding and usability.

Conclusion

Checkmark lists make your content clearer, more engaging, and professional. Using scoped custom CSS ensures your site remains visually consistent and accessible. ASP Support is available to help apply these enhancements if needed, keeping your event website looking polished and user-friendly.