Using CSS with Simpo Plus
What is CSS?
Cascading Style Sheets (or CSS) is a style sheet language used to describe the presentation of a markup language such as HTML. CSS allows us to modify the appearance of Simpo Plus's Tools, usually to match your product's branding and aesthetics.
Where can I use CSS within Simpo Plus?
While Simpo Plus is designed to require no coding or developer resources, you have the option to customize your Simpo Plus experience via CSS fields found across a variety of Tools and pages, including:
- Simpo Plus's Configuration Page
- Announcements (Design)
- Walkthroughs (Global Settings)
- Walkthrough (Builder Settings)
- Quick Search (Widget configuration)
Useful CSS Snippets
Here is a list of useful CSS snippets that our customers or the team here at Simpo Plus find useful. Give them a try!
Function | CSS Snippet | Where to Install? |
Add a button to hyperlinks on Announcements | a{ | Found under the "Advanced" settings of Announcement's Design Drawer |
Change the background of Simpo Plus's Search results. | .simpo-article-container{ | Simpo Plus's Configuration Page, under the field titled, "APPLICATION APPEARANCE (MAIN APPLICATION SCREEN CSS)" |
Change the opacity of the Carousel Arrows ![]() | next-button___2mZb5 { | Simpo Plus's Configuration Page, under the field titled, "APPLICATION APPEARANCE (MAIN APPLICATION SCREEN CSS)" |
Useful CSS Selectors
Here is a list of useful CSS selectors that can be used in the configuration page for setting custom CSS
|