We have designed My account page using HTML. Now we have to implement the same design on our website.
In order to get the same design, where I have to modify the CSS?
Could anyone please help me with this?
10
-
Did you created any custom theme ?– Kishan SavaliyaOct 17, 2019 at 10:18
-
No, we have extended the luma theme– MagentoDevOct 17, 2019 at 10:18
-
Yes, means in app/design directory you've replicated Luma theme Right ?– Kishan SavaliyaOct 17, 2019 at 10:19
-
We haven't placed all the files and folders on our theme. Also, please tell me in which file I have to modify the CSS.– MagentoDevOct 17, 2019 at 10:21
-
1It means you have your custom theme in app/design/ directory. Am I Right ? So, I'll let you know how can you add your custom css there.– Kishan SavaliyaOct 17, 2019 at 10:24
|
Show 5 more comments
1 Answer
You can create this file in your custom theme here
app/design/frontend/Vendor/Theme/Magento_Theme/layout/default_head_blocks.xml
Content for this file is ..
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/custom.css" media="screen" />
</head>
</page>
- After adding above xml file you can create your custom.css here..
app/design/frontend/Vendor/Theme/web/css/custom.css
You can add your css in above file.
- After doing this please run below commands
php bin/magento cache:clean
php bin/magento cache:flush
- And refresh your frontend. You can see your custom css there.
Hope this works for you.
answered Oct 17, 2019 at 10:34
-
-
-
Please approve this answer if this solution will works for you. Thanks :) Oct 17, 2019 at 17:03
-
Yes, I will do it. I have some query. When we create myaccount design in html, we have added our own class names. Now we can add these class on our Magento.? Oct 18, 2019 at 6:54
-
1