• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
WP Engine Genesis Themes

WP Engine Genesis Themes

Resources and help for the Genesis community

  • Need Help?
You are here: Genesis Framework / Add Custom CSS Styles to Your Child Theme

Add Custom CSS Styles to Your Child Theme

As of WordPress® version 4.7, you can safely customize your child theme’s appearance by adding custom CSS in the customizer.1 The CSS you add here will not be overwritten when Genesis is updated.

Go to Appearance > Customize to access the Additional CSS option.

Enter your custom CSS in the panel on the left and preview your changes on the right.

When you’re finished, click Save & Publish to preserve your changes.

Primary Sidebar

Genesis Blocks and Custom Blocks Documentation

  • Genesis Blocks Docs
  • Genesis Custom Blocks Docs
  • Genesis Block Theme Docs

Genesis Framework Documentation

  • Genesis Framework Docs
  • Genesis Sample Theme Docs
  • Genesis Framework Developer Docs

© 2013–2025 WPEngine, Inc. All rights reserved. WP ENGINE®, VELOCITIZE®, TORQUE®, EVERCACHE®, and the cog logo service marks are owned by WPEngine,Inc.
1WP Engine is a proud member and supporter of the community of WordPress® users. The WordPress® trademarks are the intellectual property of the WordPress Foundation, and the Woo® and WooCommerce® trademarks are the intellectual property of WooCommerce, Inc. Uses of the WordPress®, Woo®, and WooCommerce® names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation or WooCommerce, Inc. WP Engine is not endorsed or owned by, or affiliated with, the WordPress Foundation or WooCommerce, Inc.