How to add custom css

To add custom CSS to your website, you should add a setting to your base's settings sheet:
Setting name: custom css
Setting value: any valid CSS.

This article explains how you can target elements on your site but you should have some knowledge of CSS.

Finding CSS Selectors in Your Browser

We assume you already know you can find CSS selectors by going into the developer console of your browser and inspecting elements. You can see class names and parent elements which can help you write CSS to target the correct element.

If you don't know how to do this, you may want to read the first part of this article. It explains how you can use your browser to target elements with CSS.

Target sections or elements within sections

Each row in your Airtable's "content" sheet corresponds to a section on your website. You can easily target that section with CSS by using this rule: [data-section="section ID"]. The section ID is the same as you entered in the id column of that section's row.

So let's say you want to change the text color of a certain section on your site, you can use this CSS:
[data-section="hero"] p{color:red;}

Still have a question? Contact us!