website logo
HomepageCommunitySign up & Download for free
⌘K
USER MANUAL
User Interface
General
Styling
Color Management
Widgets
Presentation & Interaction
Interactions
Sharing & Export
Resources
JavaScript
Embedded HTML
Custom CSS
Plugins
Cloud
General
Account Registration
Projects
Prototypes
Subscription, Licensing and Billing
Single Sign-On (SSO)
Company Profile
Types of Users
User Management
Commenting
Sharing
Public Link
Embed Code
Prototype Settings
User Profile
FAQ
Tutorials
How to build
Interactive dropdown
Interactive tab bar with content
Modal dialog
Table
Input field
Upload and share prototypes
Changelog
Docs powered by archbee 
15min

Custom CSS

Sometimes it’s enough to simply style existing elements from CCS properties that we don’t support directly. It’s best to use the CSS field in the style inspector for this:





CSS properties entered here will end up in the same CSS rules as the CSS generated by Antetype. So, the properties will behave like those generated by Antetype. States, widgets etc. everything works the same.

The simplest example would be a basic cell and the generated CSS (schematic, the CSS selectors are a little different): We enter the following into the CSS field in the inspector:

Text
|


The generated CSS then looks like this:

CSS
|


As you can see from the example, you have to make sure that you use CSS that works in the desired browsers. The values entered are always written at the end so it’s possible to overwrite generated CSS (but you should know what you’re doing).

Note

!important is currently not supported. No syntax validation is undertaken. For technical reasons, the block isn’t simply copied in as text, the CSS style object is changed. This means that you can only currently use properties that are supported by Safari/WebKit.







Useful Properties

Text Transform

Text
|




Text Overflow

For this to work, the text must be inside the HTML field and not in the text field.

Text
|




Backdrop Filter

Text
|




Filter

Text
|




User Select

Text
|




Letter Spacing

Text
|




Scroll Snap

Text
|




Position Sticky

Text
|




Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Plugins
Docs powered by archbee 
TABLE OF CONTENTS
Useful Properties
Text Transform
Text Overflow
Backdrop Filter
Filter
User Select
Letter Spacing
Scroll Snap
Position Sticky