Custom CSS

You can use your own CSS files in Helpful. Like other plugins Helpful offers you the possibility to create templates. Simply create a helpful folder in your theme and add the CSS file named theme.css to it. The structure should look like this at the end:


Once you’ve done that, you’ll need to use the design theme in the plugin’s settings. Then Helpful knows that the file should be used in the theme. If there is no file but the design theme is selected, Helpful will automatically use the base theme.

Version 4.0.0

In this version you can easily include your own themes using your functions.php.

To do this you have to pack the following into your functions.php and then use your own theme in the customizer (where you can now select the themes).

add_filter( 'helpful_themes', 'my_custom_theme' );
function my_custom_theme($themes) {

  $themes []= [
    'id' => 'custom',
    'label' => esc_html_x( 'Custom Theme', 'theme name', 'textdomain' ),
    'stylesheet' => get_stylesheet_directory_uri() . '/custom-theme.css',

  return $themes;

Now your own theme appears under Customizer -> Helpful -> Design. You can now enter your CSS in your WordPress Theme folder under custom-theme.css.

Helpful will do the rest on its own.

Version 4.0.9+

Helpful 4.0.9 introduced the Blank theme. This blank does not load a stylesheet. Also there is now an examples folder in the Helpful Plugin folder with a blank.css. In this folder are the most important CSS classes. You can simply copy and overwrite the content.

Was this helpful?