Magento 2 Custom Css

Innovate Me guide you step-by-step to add a custom CSS file in Magento 2. So Let's Start.

1. In the theme open or create app/design/frontend/[Innovateme]/[Theme]/Magento_Theme/layout/default_head_blocks.xml 

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"; xsi:noNamespaceSchemaLocation="../. ./. ./. ./. ./. ./. ./lib/internal/Magento/Framework/View/Layout/etc/page_configu­ration.xsd">

  <head>

    <css src="css/custom.css" />

  </head>

</page>


2. Create custom.css file in the app/design/frontend/[Innovateme]/[Theme]/web/css folder.

3. Clear magento cache.