Add custom CSS

Dashboard → Design & theme → Custom CSS. Anything you write there is added to every page of your site.

Add custom CSS">
Design, themes & CSS5 steps
Short answer

Dashboard → Design & theme → Custom CSS. Anything you write there is added to every page of your site.

Step by step

  1. 1

    Open Design & theme and scroll to “Custom CSS”.

  2. 2

    Paste your code (examples in the related guides) and press “Save design”.

  3. 3

    Open your site in a new tab and refresh (Ctrl+F5) to see it.

  4. 4

    Something broke? Delete the last lines you added and save again.

  5. 5

    Custom CSS & code is part of the Pro and Business plans.

Copy this code

CSS
/* Example: rounder buttons and a softer shadow on cards */
.btn, .t-btn { border-radius: 999px !important; }
.p-card, .t-card { box-shadow: 0 20px 40px -24px rgba(0,0,0,.25); }

Paste it in Dashboard → Design & theme → Custom CSS, then press “Save design”.

Did this guide help?

Related guides

CSS: change any colorCSS: change any colorThemes read their colors from variables. Change the variable once and the whole site follows.CSS: hide something on your siteCSS: hide something on your siteUse display:none on the part you want to hide. Right-click it → Inspect to find its class name.CSS: bigger or smaller textCSS: bigger or smaller textChange the base size and every text grows with it; or target headings or prices only.CSS: header background and heightCSS: header background and heightGive the header a solid color, a blur or more space with a few lines of CSS.