Question

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?

Was it helpful?

Solution

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.

Licensed under: CC-BY-SA with attribution
Not affiliated with magento.stackexchange
scroll top