Skip to content
Log in Sign up

Adding CSS code to the admin dashboard using a child theme

Restyle the WordPress admin dashboard with your own CSS, loaded from your child theme so the change survives theme updates.

1 minute read

You can style the WordPress admin dashboard with your own CSS by loading it from your child theme — for example, to change the H1 heading marked below.

WordPress admin dashboard at its default styling, with a green arrow pointing at the small "Dashboard" page heading. The left-hand menu shows Demo Importer, Listivo Panel, Listings, Elementor and Rank Math SEO.

Add the function below to your child theme's functions.php file. You can put your own custom CSS inside the <style> tags — the example changes the h1 (main heading) font size to 100px.

You need a child theme first
If you have not set one up yet, see How to change files (php / css / js) and keep theme future update compatibility — it shows where the child theme's functions.php file lives.
functions.php 
function admin_style() {echo '

<style>
h1 {
font-size:100px!important;
}
</style>

';
}
add_action( 'admin_head', 'admin_style' );

The final effect:

The same dashboard after the snippet is applied: the "Dashboard" heading now spans the full width of the page in giant type, with a green arrow pointing up at it.

Ask the people who build Listivo

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?