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?
Asked
Active
Viewed 2,971 times
3
-
It may help you https://magento.stackexchange.com/a/108690/21339 – Arunendra Jul 07 '18 at 10:12
-
Possible duplicate of How to add a custom CSS file in Magento 2 – Piyush Jul 09 '18 at 04:42
-
@Dhiren Vasoya, i have edited the description, plz reopen it – nukala satish Oct 04 '18 at 04:40
2 Answers
5
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
Kevin Chavez
- 890
- 2
- 13
- 33
PЯINCƎ
- 11,669
- 3
- 25
- 80
-
-
When i tried this in magento2.2.6. its not working brother – Teja Bhagavan Kollepara Oct 26 '18 at 07:48
5
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>
Abdul
- 9,701
- 1
- 20
- 43
Sukumar Gorai
- 10,823
- 4
- 19
- 46