How to add custom CSS file to your WordPress site

You may want to customize your WordPress theme with custom styling attributes, which can be easily accomplished with the help of a custom style-sheet (CSS). This article will demonstrate how to include your own custom CSS file in your WordPress theme.

Adding custom CSS in WordPress

To add custom CSS in WordPress, follow these steps:

  1. Log in to WordPress as the administrator.
  2. On the Dashboard in the left sidebar, click Appearance, and then click Editor:

  3. On the Theme Editor, select the Theme you want to edit from the dropdown:

  4. The files for this selected theme are listed on the right column under Theme Files. Click on the file named “functions.php”:

  5. Insert the following code to the end of functions.php file and click Update File Button to save the changes:

    function custom_style_sheet() {
    
    wp_enqueue_style( 'custom-styling', get_stylesheet_directory_uri() . '/Your_custom_css_file_goes_here.css' );
    
    }
    
    add_action('wp_enqueue_scripts', 'custom_style_sheet');
    • In this case, “Your_custom_css_file_goes_here.css” is the name of your stylesheet.
    • Make sure your “Your_custom_css_file_goes_here.css” file is located on the same directory that of main css file.
    • Once you save changes, your theme will start reading this custom css file.
Get Managed WordPress Hosting

Article Details

Other Articles in This Category

Show More

Did you find this article helpful? Then you'll love our support. Experience the A2 Hosting difference today and get a pre-secured, pre-optimized website. Check out our web hosting plans today.

Usamos cookies para personalizar o site para você e para analisar o uso do nosso site. Você demonstra que concorda com isso ao clicar em "Eu concordo" ou ao continuar usando este site. Mais informações sobre cookies podem ser encontradas em nossa Política de privacidade.