This feature is available only on some Shorthand plans. To discuss adding this feature, please get in touch.
Shorthand has the ability for users with web development proficiency to extend and override the CSS.
CSS can be added by clicking the add CSS button in the top toolbar.
If you have a bespoke branded theme would like your changes to be applied to the theme, then please contact us to discuss.
We've listed some tips and examples of custom CSS in Shorthand here, however the suggested approach for all CSS configuration is to use a development tool, such as the Developer Tools Inspector within Google Chrome, to identify the appropriate CSS selectors and the current values within your Shorthand story. Generally, you should stick to only overriding selectors prefixed with Theme- because other selectors may change in the future.
Please note: Do not include <style></style> tags when adding CSS to the CSS panel.
TIP: We recommend writing and editing your code in a dedicated code editor (such as Visual Studio Code) and pasting into Shorthand. This will be much more efficient and provide better formatting and debugging options.