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/21339Arunendra– Arunendra2018-07-07 10:12:23 +00:00Commented Jul 7, 2018 at 10:12
-
Possible duplicate of How to add a custom CSS file in Magento 2Piyush– Piyush2018-07-09 04:42:02 +00:00Commented Jul 9, 2018 at 4:42
-
@Dhiren Vasoya, i have edited the description, plz reopen itnukala satish– nukala satish2018-10-04 04:40:11 +00:00Commented 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>
-
1This is the most straightforward answer kudos!Erlisar Vasquez– Erlisar Vasquez2019-07-10 09:58:50 +00:00Commented Jul 10, 2019 at 9:58
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
-
@nukala satish what did not work ?2018-07-07 11:53:00 +00:00Commented Jul 7, 2018 at 11:53
-
When i tried this in magento2.2.6. its not working brotherTeja Bhagavan Kollepara– Teja Bhagavan Kollepara2018-10-26 07:48:06 +00:00Commented Oct 26, 2018 at 7:48