Skip to content
Log in Sign up

How to add CSS code that is future update compatible

Add your own CSS to a Vehica site through the WordPress Customizer, so your styling is kept separately from the theme files and survives theme updates.

1 minute read

Custom CSS written into a theme file is overwritten the next time the theme is updated. The Additional CSS panel of the WordPress Customizer keeps it out of the theme, so it stays where you put it.

  1. 1 Open the WordPress admin

    Go to /wp-admin/ on your site.

  2. 2 Go to Appearance > Customize WordPress admin sidebar with the Appearance submenu open (Themes, Customize, Widgets, Menus, Theme Editor) and a green arrow pointing at Customize
  3. 3 Choose Additional CSS

    It is the last entry in the Customizer panel, under Site Identity, Menus, Widgets and Homepage Settings.

    WordPress Customizer panel listing Site Identity, Menus, Widgets, Homepage Settings and Additional CSS, with a green arrow pointing at Additional CSS
  4. 4 Paste your CSS

    Type or paste your rules into the editor and publish the change.

    The empty Additional CSS code editor outlined in green on the left of the Customizer, with the live site preview on the right

Ask the people who build Vehica

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?