All Collections
Administration
ADVANCED: How to create custom CSS styling for your project
ADVANCED: How to create custom CSS styling for your project

Adding custom styling to your project will involve some knowledge of HTML and CSS.

Tyree Dickerson avatar
Written by Tyree Dickerson
Updated over a week ago

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 now offers CSS services through our Professional Services Team. If you would like more information and pricing, please reach out to your Customer Success Manager or our Technical Support Team (Support@publicinput.com)


Did this answer your question?