I tried to add some custom styles in Magento but I couldn't find out how to do this.
How do I add the custom css stylesheets in magento-2.2.6?
3
-
It may help you magento.stackexchange.com/a/108690/21339– ArunendraCommented Jul 7, 2018 at 10:12
-
Possible duplicate of How to add a custom CSS file in Magento 2– PiyushCommented Jul 9, 2018 at 4:42
-
@Dhiren Vasoya, i have edited the description, plz reopen it– nukala satishCommented Oct 4, 2018 at 4:40
Add a comment
|
2 Answers
You need to follow the below steps:
Step 1: Create default_head_blocks.xml like below:
app/design/frontend/[vendor]/[theme]/Magento_Theme/layout/default_head_blocks.xml
Step 2: Andd create local.css like below
app/design/frontend/[vendor]/[theme]/web/css/local.css
Step 3: Add the below code to default_head_blocks.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd">
<head>
<css src="css/local.css" />
</head>
</page>
answered Jul 7, 2018 at 10:18
-
1
You have to add it in your current theme like this:
app/design/frontend/{Yourtheme}/{name}/Magento_Theme/layout/default_head_blocks.xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../vendor/magento/framework/Module/etc/module.xsd"> <head> <css src="css/local.css" /> </head> </page>app/design/frontend/{Yourtheme}/{name}/web/css/local.css
Your css code goe hereDeploy the static content:
php bin/magento setup:static-content:deploy -f
-
-
When i tried this in magento2.2.6. its not working brother Commented Oct 26, 2018 at 7:48