Please note:

You will need general knowledge of HTML & CSS,
or a web designer.

Cascading Style Sheets (CSS) is used to format the layout of a webpage.

With CSS, you can control the color, background color, fonts, the size of text, and the spacing between elements.

If you have an existing style sheet, you can paste it in here, or create a new one from scratch directly in PublicInput. You can save and reuse custom styling sheets across similar projects.

Head to the Settings tab of your project:

Scroll down to the Custom Formatting section:

If you have already added a Custom Style Sheet previously, you can select it here (e.g. "Lite Look"). If not, you can choose Create New Custom Style:

You can then paste in your CSS code:

At the bottom of the custom styling sheet, you can name this style. Click the blue Save Style button once you are finished.

You can go back at any time and edit or add to the style sheet by clicking Edit CSS under the Custom Style Sheet list:

Note: This will change the styling of any other project(s) that this styling sheet is also applied to.

You can always copy the style and save it as a new style if you'd like to make changes only to one specific project (without making changes to others that share the same CSS.)

On the live site (View Live Site,) you can inspect the page to find specific HTML elements to modify with your custom styling.

PublicInput does not offer CSS services as part of the platform. This is why we recommend having a CSS expert create style sheets for you if you are not comfortable with CSS coding.

Branding your PublicInput presence: Custom colors, css-styling, headers, and footers

Customizing the styling of an embedded signup form with CSS

Creating custom email templates for your organization

Did this answer your question?